标签：
——路漫漫其修远兮，吾将上下而求索
HTML指的是超文本标记语言（Hyper Text Markup Language），并非编程语言
HTML作为标记语言（Markup Language）有着自己的一套标记标签（Markup tag）
HTML使用标记标签（HTML标签HTML Tag）来描述页面
HTML标签是由尖括号包围的关键词，比如<html>
HTML标签通常是成对出现，比如 <b> 和 </b>，第一个是开始标签（开放），第二个是结束标签（闭合）；也有例外，比如<img>标签和<br>
HTML文档表述网页，文档包含HTML标签和纯文本，HTML文档业被称为网页
web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签
比如：
<html>
<body>
<h1>Hello World!</h1>
<p>这就是咱的第一个网页</p>
</body>
</html>
<html> 与 </html> 之间的文本描述网页；<body> 与 </body> 之间的文本是可见的页面内容；<h1> 与 </h1> 之间的文本被显示为标题；<p> 与 </p> 之间的文本被显示为段落
HTML文档时由HTML元素定义的，HTML元素是从开始标签到结束标签的所有代码
<p>This is a paragraph</p>
HTML标签可以拥有属性，属性总是以名称/值对的形式出现，比如:name="value"
HTML链接由<a>标签定义，链接的地址在href属性中指定：
<a href="http://www.w3school.com.cn">This is a link</a>
更多例子：
<h1 align="center">拥有关于对齐方式（居中排列）的附加信息
<body bgcolor="yellow">拥有关于背景颜色的附加信息
在HTML文档中，标题很重要。标题（Heading）是通过<h1>-<h6>等标签进行定义的
<hr/>标签在HTML页面中创建水平线
HTML注释<!-- This is a comment -->
<b>bold</b> <strong></strong> <big></big> <em>emphasized</em> <i>italic</i> <small></small> <p>this text contains下标<sbu>subscript</sub>
<p>this text contains上标<sup>superscript</sup>
<pre>
for i=1 to 10
print i
next i
<pre>
<address>Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<blockquote> </blockquote> <q></q>使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
<head>
<style type="text/css">
body{background-color:red;}
p{margin-left:20px;}
</style>
</head>
内联样式
<p style="color:red ; margin-left: 20px">This is a paragraph</p>
<a href="http://www.w3school.com.cn/">Visit W3School</a>
图片作为链接
<a href="#"> <img src="xxx.png" > </a>
HTML链接-target属性
在新的浏览器窗口打开一个页面
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School</a>
HTML链接-name属性
name属性规定锚(anchor)的名称，当使用命名锚(named anchors)时，可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就不必滚动页面来寻找他们的信息了
<a name="label" >This is a link</a>
可以用id属性来替代name属性，命名锚同样有效。
首先，在HTML文档中对锚进行命名：
<a name="tips">基本的注意事项-有用的提示</a>
然后，在同一个文档中创建指向该锚的链接：
<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接：
<a href="http://www.w3school.com.cn/html_links.asp#tips">有用的提示</a>
把#符号和锚名称天接到URL的末端，就可以直接链接到tips这个命名锚了。
无序列表
<ul>
<li>Coffee</li>
<li>Mike</li>
</ul>
列表项内部可以使用段落、换行符、图片、链接及其他列表等
导航条经常用到，Sublime text编辑器里 ul>li*5>a+tab键
有序列表
定义列表
自定义列表以<dl>标签开始，自定义列表项以<dt>开始，每个自定义列表项的定义以<dd>开始
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
列表还可以嵌套列表
HTML5标签
<header><time><nav><aside><section><article><video><footer>
To be continued......
标签：
原文地址：http://www.cnblogs.com/notjustsoso/p/5000312.html
