黑马程序员_HTML常用标签总结

来源：互联网发布：禁用windows驱动编辑：程序博客网时间：2024/04/28 22:46

-------Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

1，字体标签：<font>

特殊字符：如果要在页面显示一些特殊符号，需要进行转义。

<: < >: > &: & 空格:  

标题：<h1> <h2> <h3>……<h6>

2，列表标签：<dl></dl>

<dt>：上层项目

<dd>：下层项目：

例如：

<dl>

</dl>

项目符号标签：

<ul>：符号标签

<ol>：数字标签

这两个标签的列表项都由<li>标签封装

3，图像标签：<img>

图像地图：<map>

Map标签要和img标签联合使用.href是超链接

4，表格标签：<table>

组成：

标题标签：<caption>,给表格提供标题

表头标签：<th>一般对表格的第一行或者第一列进行格式化（粗体居中）

行标签：<tr>

单元格标签：<td>

每个表格可以有一个表头、一个表尾和一个或多个表体（即正文），分别以THEAD、TFOOT和TBODY元素表示。

THEAD和TFOOT包含关于表格列的信息。

TBODY的作用是，可以控制表格分行下载，从而提高下载速度

5，超链接标签：<a>

两种用法：

一、超链接<a href=””>

例如：<a href=”http://www.baidu.com” target=”_blank” >百度</a>

Href属性值可以是url，也可以是本地文件。Target属性指定在哪个窗口或者帧中打开。

当被点击后，会启动引擎所对应解析程序。

当是http协议时，被点击后会去查找指定主机：

1. 先找本地主机的hosts文件，如果没有找到该主机对应的ip地址

2. 去公网DNS服务器上找对应的ip地址

二、定位标记<a name=””>

一般用在本页面中，当网页内容过长，定位标记会比拖动滚动条方便快捷。
定位标记要和超链接结合使用才有效。
例如：
<a name=”标记”>标记位置</a>
<a href=”#标记”>返回标记位置</a>
使用定位标记时一定在href值的开始加入#标记名。

6，表单标签：<form>

表单标签是最常用的标签，用于与服务器端的交互。
<input>：输入标签，接收用户输入信息。
其中type属性指定输入标签的类型。
（1）       Text：文本框，输入文本信息
（2）       Password：密码框，输入的文本以圆点或星号显示
（3）       Radio：单选框，name相同的为一组
（4）       Checkbox：复选框，name相同的为一组
（5）       Hidden：在页面上不显示，但在提交的时候随其他内容一起提交
（6）       Submit：提交按钮，提交表单中的内容
（7）       Reset：重置按钮，将表单中填写的内容设置为初始值
（8）       Button：按钮，可以为其自定义事件
（9）       File：文件上传
（10）   Image：可以替代submit按钮
<select>：选择标签，提供用户选择的内容。Size属性为要显示项目的个数
<option>：子项标签，属性selected没有属性值，加载子项上，子项默认成被选项。
<textarea>：多行文本框
<lable>：用于给各元素定义快捷键。
       For属性：指定快捷键作用的表单元素。必须与要作用的表单元素的id值相同。
       Accesskey 属性：指定快捷键，此快捷键需要和alt键组合使用。
表单提交：
先定义form表单中的action属性值，指定表单数据提交的目的地
明确提交方式，通过指定method属性值。默认是get.
Get提交和post提交的区别：
get提交将数据显示在地址栏，对敏感信息不安全。Post提交不显示在地址栏
get提交对数据的大小有限制，post可以提交大体积的数据
两者封装方式不同。Get将数据封装在消息头前，在请求行中。Post将数据封装在消息头后，数据体中。

7，头标签：放在<head></head>之间，包括title base meta link

1.<title>：指定浏览器的标题栏显示的内容。
2.<base>：
Href属性：指定网页中所有的超链接的目录。可以是本地目录，也可以是网络目录。注意值的结尾处要用/表示目录。只作用于相对路径的超链接文件。
Target属性：指定打开超链接的方式。
3.<meta>：
Name属性:网页的描述信息。当取keywords时，content属性的内容就作为关键字进行搜索。
Http-equiv 属性：模拟http协议的响应消息头。
例如：<meta http-equiv=”refresh” content=”3;url=http://www.baidu.com”/>表示打开此页面3秒后自动转到百度页面。
4.<link>：
Rel 属性：描述目标文档与当前文档的关系。
Type 属性：文档类型
Media 属性：指定目标文档在哪种设备上起作用。

8，<marquee>让内容动起来

Direction 属性：left right down up
Behavior 属性：scroll alternate slide

9，<pre>：

可以将文本内容按在代码区的样子显示在页面上，就是将文本内容按原样显示。