1.<!DOCTYPE>声明
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
2.HTML不区分大小写
3.标签与元素
- 标签列表:http://www.w3school.com.cn/tags/html_ref_byfunc.asp
- 元素可参考:http://www.w3school.com.cn/html/html_elements.asp
4.<br>、<hr>
- <br> 可插入一个简单的换行符。
- <br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。
- <br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。
- <hr> 标签在 HTML 页面中创建一条水平线。(比如上面这条分隔线)
5.<p>、<h1>-<h6>
- <p> 标签定义段落。
- <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
如果使用了<h7><h8>......,会将它视作段落。
<html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h7>123</h7> <p>123</p> </body> </html>
上面的代码会产生如下结果:
6.<center>
对其所包括的文本进行水平居中。不过w3school中给出这样一则提示:请使用 CSS 样式来居中文本!
7.<ul>、<ol>、<li>
- <ul> 标签定义无序列表。
- <ol> 标签定义有序列表。
<html> <body> <h4>无序列表:</h4> <ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ul> </body> </html>
<!DOCTYPE html> <html> <body> <h1>有序列表:</h1> <ol> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> </body> </html>
8.字符实体
可参考:http://www.w3school.com.cn/html/html_entities.asp
其中值得注意的是:
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
9.HTML注释
注释标签 <!-- 与 --> 用于在 HTML 插入注释。
注意:注释里面不能再有注释,否则会出现下面这种情况:
<!DOCTYPE html> <html> <body> <!--这是一段注释。注释不会在浏览器中显示。 <!--123--> --> </body> </html>
这是因为它会把第一个即123后面的-->当作注释的结束,而后面的第二个-->就会显示出来了。