黑马程序员_html常用标签1

来源：互联网发布：怎样关闭服务器80端口编辑：程序博客网时间：2024/04/20 22:45

---------------------- android培训、java培训、期待与您交流！ ----------------------

一、基本标签

1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>

    Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”。他对大小写不敏感。
1.<html></html>
    <html>标志用于Html文档的最前边，用来标识Html文档的开始。而</html>标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。

2.<head></head>
    <head>和</head>构成Html文档的开头部分，在此标志对之间可以使用<title></title>、<script></script>等等标志对，这些标志对都是描述Html文档相关信息的标志对，~~<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。~~

3.<body></body>
    <body></body>是Html文档的主体部分，在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性：

属性

用途

示例

设置背景颜色。

<body bgcolor="red">红色背景

设置文本颜色。

<body text="#0000ff">蓝色文本

设置链接颜色。

<body link="blue">链接为蓝色

设置已使用的链接的颜色。

设置背景固定

<body topmargin/leftmargin

设置上/左边距

设置正在被击中的链接的颜色。

说明:以上各个属性可以结合使用，如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的框内。

4.<title></title>
注意：<title></title>标志对只能放在<head></head>标志对之间。

二、格式标签

1.<p></p>
2.<br>
3.<blockquote></blockquote>
4.<dl></dl><dt></dt><dd></dd>
5.<ol></ol><ul></ul><li></li>
6.<div></div>

7.<nobr>

8.<center></center>

9.<hr>

1.<p></p>
    <p></p><p>标志可以使用align属性，它用来说明对齐方式，语法是：<p align=""></p>。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。如<p align="Center"></p>表示标志对中的文本使用居中的对齐方式。

2.<br>
    <br>是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行，这么一说我想您该会使用了吧。
3.<blockquote></blockquote>
    在<blockquote></blockquote>标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。

4.<dl></dl><dt></dt><dd></dd>
    <dl></dl>用来创建一个普通的列表，<dt></dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目，<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了：
5.水平线分隔符。属性：size控制粗细；width控制宽度；align控制显示位置，有centre、left、right三个值；color控制显示颜色；noshade表示无阴影，无值。
例2 创建一个普通列表
<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
  <dt>中国城市</dt>
    <dd>北京 </dd>
    <dd>上海 </dd>
    <dd>广州 </dd>
  <dt>美国城市</dt>
    <dd>华盛顿 </dd>
    <dd>芝加哥 </dd>
    <dd>纽约 </dd>
</dl>
</body>
</html>

    此例在浏览器中的显示如下:

中国城市

北京

上海

广州

美国城市

华盛顿

芝加哥

纽约

6.<ol></ol><ul></ul><li></li>
<ol></ol>标志对用来创建有序列表type属性用于设置序列样式，值有1数字序列（默认）、A大写字母序列、a小写字母序列、I大写罗马字母序列、i小写罗马字母序列；<ul></ul>标志对用来创建无序列表，type属性用于设置列表前的显示图标，值有disc实心圆（默认）、circle空心圆、square小方块；<li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间使用，此标志对用来创建一个列表项，若<li></li>放在<ol></ol>之间则每个列表项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点。请看下边的例子：

例3 标有数字或圆点的列表
<html>
<head>
<title></title>
</head>
<body text="blue">
<ol>
<p>中国城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>广州 </li>
</ol>

<ul>
<p>美国城市 </p>
<li>华盛顿 </li>
<li>芝加哥 </li>
<li>纽约 </li>
</ul>
</body>
</html>

此例在浏览器中的显示如下:

中国城市

1. 北京

2. 上海

3. 广州

美国城市

· 华盛顿

· 芝加哥

· 纽约

6.<div></div>
<div></div>与CSS混合使用。

---------------------- android培训、java培训、期待与您交流！ ----------------------

详细请查看：http://edu.csdn.net/heima