目录

常用的html标签和属性解释

1 基本结构标签

1.1 <html>标签

  1. <html>表示该文件为HTML文件
  2. </html>为<html>的结束标志

1.2 <head>标签

  1. <head>包含文件的标题,使用的脚本,样式定义等
  2. </head>为<head>的结束标志

1.3 <title>标签

<title>—</title>,包含文件的标题,标题出现在浏览器标题栏中

1.4 <body>标签

  1. <body>放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.
  2. </body>为<body>的结束标志

1.5 html的基本框架结构

<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>
	<body>
	</body>
</html>

注意：

  1. <!DOCTYPE html>声明很重要。
  2. <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
  3. <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

说明：

<!DOCTYPE>的作用是声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式

document.compatMode： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPE html>的作用。

2 其它主要标签

以下所有标签应用在<body></body>中。

2.1 <a>标签

<a href=’…’ ></a>：链接标志，”…”为链接的文件地址。

2.2 <img />标签

<img src=’…’ />：显示图片标志，”…”为图片的地址。

2.3 <br>标签

<br>：换行标志。

2.4 <p>标签

<p></p>：分段标志。

2.5 <b>标签

<b></b>：采用黑体字。

2.6 <i>标签

<i></i>：采用斜体字。

2.7 <hr>标签

<hr>：水平画线。

2.8 <table>标签

<table></table>：定义表格,HTML中重要的标志。

2.9 <tr>标签

<tr></tr>：定义表格的行,用在<table></table>中。

2.10 <td>标签

<td></td>：定义表格的单元格,用在<tr></tr>中。

2.11 <font>标签

<font></font>：字体样式标志。

3 属性

属性是用来修饰标志的,属性放在开始标志内.

例:属性bgcolor=”black”表示背景色为黑色.

引用属性的例子:

<body bgcolor=”black”></body>表示页面背景色为黑色;

<table bgcolor=”black”></table>表示表格背景色为黑色.

Loading Disqus comments...