HTML常用标签

HTML常用标签

1.排版标签

标签名	定义	说明
	标题标签	作为标题使用，并且依据重要性递减
	段落标签	可以把 HTML 文档分割为若干段落
	水平线标签	没啥可说的，就是一条线
	换行标签
	div标签	用来布局的，但是现在一行只能放一个div
	span标签	用来布局的，一行上可以放好多个span

2.文本格式化标签

标签	显示效果
	文字以粗体方式显示（XHTML推荐使用strong）
和	文字以斜体方式显示（XHTML推荐使用em）
和	文字以加删除线方式显示（XHTML推荐使用del）
和	文字以加下划线方式显示（XHTML不赞成使用u）

3.图像标签img

<img src="图像URL" />

img标签属性：

标签	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时显示的内容
width	像素（XHTML不支持页面百分比%）	设置图像的宽度
height	像素（XHTML不支持页面百分比%）	设置图像的高度
border	数字	设置图像边框的宽度

注意:

1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3. 采取 键值对 的格式 key=“value” 的格式

4.链接标签

语法格式：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性	作用
href	用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，__blank为在新窗口中打开方式。

5.注释标签

快捷键是： ctrl + / 或者 ctrl +shift + /

6.路径

相对路径

路径分类	符号	说明
同一级路径		只需输入图像文件的名称即可，如<img src=“baidu.gif” />。
下一级路径	“/”	图像文件位于HTML文件同级文件夹下（例如文件夹名称为：images如<img src=“images/baidu.gif” />。
上一级路径	“…/”	在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，如<img src="…/baidu.gif" />。

绝对路径

绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

“D:\web\img\logo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。

注意：

绝对路径用的较少， 但是要注意，它的写法 特别是符号 \ 并不是 相对路径的 /

7.锚点定位

通过创建锚点链接，用户能够快速定位到目标内容。

创建锚点链接分为两步：

1. 使用相应的id名标注跳转目标的位置。 (找目标)
  <h3 id="two">第2集</h3> 

2. 使用<a href="#id名">链接文本</a>创建链接文本（被点击的） （拉关系）  我也有一个姓毕的姥爷..
  <a href="#two">   

8.base标签

语法：

<base target="_blank" />

总结：

1. base 可以设置整体链接的打开状态
2. base 写到 之间
3. 把所有的连接 都默认添加 target="_blank"

9.预格式化文本pre标签

pre 标签可定义预格式化的文本。

被包围在

 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>

  此例演示如何使用 pre 标签

  对空行和 空格

  进行控制

</pre>

所谓的预格式化文本就是 ，按照我们预先写好的文字格式来显示页面， 保留空格和换行等。

有了这个标签，里面的文字，会按照我们书写的模式显示，不需要段落和换行标签了。但是，比较少用，因为不好整体控制。

10.特殊字符

一些特殊的符号，我们再html 里面很难或者 不方便直接 使用， 我们此时可以使用下面的替代代码。

特殊字符	描述	字符的代码
	空格符	&nbsp
<	小于号	&lt
>	大于号	&gt
&	和号	&amp
￥	人民币	&yen
©	版权	&copy
®	注册商标	&reg
°	摄氏度	&deg
±	正负号	&plusmn
×	乘号	&times
÷	除号	&divide
²	平方2（上标2）	&sup2
³	平方3（上标3）	&sup3

虽然有很多，但是我们平时用的比较较少， 大家重点记住 空格 大于号 小于号 就可以了，剩下的回来查阅。

总结：

1. 是以运算符&开头,以分号运算符;结尾。
2. 他们不是标签，而是符号。
3. HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符，浏览器会将它们作为标签解析，若要正确显示，在 HTML 源代码中使用字符实体

11.什么是XHTML

XHTML 是更严格更纯净的 HTML 代码。

• XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。
• XHTML 的目标是取代 HTML。
• XHTML 与 HTML 4.01 几乎是相同的。
• XHTML 是更严格更纯净的 HTML 版本。
• XHTML 是作为一种 XML 应用被重新定义的 HTML。
• XHTML 是一个 W3C 标准。

12.HTML和 XHTML之间有什么区别?

• XHTML 指的是可扩展超文本标记语言
• XHTML 与 HTML 4.01 几乎是相同的
• XHTML 是更严格更纯净的 HTML 版本
• XHTML 是以 XML 应用的方式定义的 HTML
• XHTML 是 2001 年 1 月发布的 W3C 推荐标准
• XHTML 得到所有主流浏览器的支持
• XHTML 元素是以 XML 格式编写的 HTML 元素。XHTML是严格版本的HTML，例如它要求标签必须小写，标签必须被正确关闭，标签顺序必须正确排列，对于属性都必须使用双引号等。