甚么是 HTML？
HTML即超文件格式记号词汇 (Hyper Text Markup Language)， 是用以叙述网页的一类词汇。
超文件格式记号词汇的内部结构主要包括”头”部份（外语教学：Head）、和”市场主体”部份（外语教学：Body），当中”头”部提供更多有关网页的重要信息，”市场主体”部份提供更多网页的具体文本。
记号词汇是两套记号条码 (markup tag)
HTML 采用记号条码来叙述网页
如下表所示标识符：
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>范例说明:
与 间的文件格式叙述网页
与 间的文件格式是由此可见的网页文本
与
间的文件格式被表明为副标题<p> 与 </p> 间的文件格式被表明为章节 HTML 原素HTML 文件格式是由 HTML 原素表述的。
HTML 原素指的从已经开始条码（start tag）到完结条码（end tag）的大部份标识符。
已经开始条码原素文本完结条码<p>This is a paragraph</p><a href=”default.htm”>This is a link</a><br />注释：已经开始条码常被称为开放条码（opening tag），完结条码常称为闭合条码（closing tag），大多数 HTML 原素可拥有属性。
空的 HTML 原素：
没有文本的 HTML 原素被称为空原素。在 XHTML、XML 以及未来版本的 HTML 中，大部份原素都必须被关闭。
在已经开始条码中添加斜杠，比如:<br>就是没有关闭条码的空元素, 而<br />是关闭空原素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br>在大部份浏览器中都是有效的，但采用 <br /> 其实是更长远的保障。
HTML 提示：采用小写条码
HTML 条码对大小写不敏感：<P> 等同于<p>。许多网站都采用大写的 HTML 条码。
W3School 采用的是小写条码，因为万维网联盟（W3C）在 HTML 4 中推荐采用小写，而在未来 (X)HTML 版本中强制采用小写。
HTML 属性HTML 条码可以拥有属性。属性提供更多了有关 HTML 原素的更多的重要信息。
属性总是以名称/值对的形式出现，比如：name=”value”。
属性总是在 HTML 原素的已经开始条码中规定。
属性实例:
HTML 链接由 <a>条码表述。链接的地址在 href 属性中指定：
<a href=”http://www.w3school.com.cn”>This is a link</a>注释：属性值应该始终被主要包括在引号内。双引号是最常用的，不过采用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须采用单引号，例如：name=Bill “HelloWorld” Gates。
HTML 提示：采用小写属性
属性和属性值对大小写不敏感。
不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求采用小写属性。
一些常见HTML属性:
属性值叙述classclassname规定原素的类名（classname）idid规定原素的唯一 idstylestyle_definition规定原素的行内样式（inline style）titletext规定原素的额外重要信息（可在工具提示中表明）HTML 编辑器采用 Notepad 或 TextEdit 来编写 HTML
可以采用专业的 HTML 编辑器来编辑 HTML：
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
HTML 副标题副标题（Heading）是通过
–
等条码进行表述的。
<h1>This is a heading</h1>表述最大的副标题。
<h6>This is a heading</h6><h6> 表述最小的副标题。注释：浏览器会自动地在副标题的前后添加空行。
注释：默认情况下，HTML 会自动地在块级原素前后添加一个额外的空行，比如章节、副标题原素前后。
副标题很重要请确保将 HTML heading 条码只用于副标题。不要仅仅是为了产生粗体或大号的文件格式而采用副标题。
搜索引擎采用副标题为您的网页的内部结构和文本编制索引。
因为用户可以通过副标题来快速浏览您的网页，所以用副标题来呈现文件格式内部结构是很重要的。
应该将 h1 用作主副标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。 HTML 水平线条码在 HTML 网页中创建水平线。
hr 原素可用于分隔文本。
范例：
<p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p>网页上表明为:
This is a paragraph
This is a paragraph
This is a paragraph
提示: 采用水平线 (<hr> 条码) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。
HTML 章节可以把 HTML 文件格式分割为若干章节，段落是通过
条码表述的。
如下表所示标识符：
<p>This is a paragraph</p> <p>This is another paragraph</p>注释：浏览器会自动地在章节的前后添加空行。（<p> 是块级原素）
提示：采用空的章节记号 <p></p> 去插入一个空行是个坏习惯。用 <br /> 条码代替它！（但是不要用 <br /> 条码去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。）
不要忘记完结条码即使忘了采用完结条码，大多数浏览器也会正确地将 HTML 表明出来：
如下表所示标识符：
<p>This is a paragraph <p>This is another paragraph上面的范例在大多数浏览器中都没问题，但不要依赖这种做法。忘记采用完结条码会产生意想不到的结果和错误。
注释：在未来的 HTML 版本中，不允许省略完结条码。
提示：通过完结条码来关闭 HTML 是一类经得起未来考验的 HTML 编写方法。清楚地记号某个原素在何处已经开始，并在何处完结，不论对您还是对浏览器来说，都会使标识符更容易理解。
HTML 折行如果您希望在不产生一个新章节的情况下进行换行（新行），请采用 <br /> 条码：
<p>This is<br />a para<br />graph with line breaks</p>
注释：<br /> 原素是一个空的 HTML 原素。由于关闭条码没有任何意义，因此它没有完结条码。
<br> 还是 <br />您也许发现 <br> 与 <br /> 很相似。
在 XHTML、XML 以及未来的 HTML 版本中，不允许采用没有完结条码（闭合条码）的 HTML 原素。
即使 <br> 在大部份浏览器中的表明都没有问题，采用 <br /> 也是更长远的保障。
HTML 输出 – 有用的提示我们无法确定 HTML 被表明的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。
对于 HTML，您无法通过在 HTML 标识符中添加额外的空格或换行来改变输出的效果。
当表明网页时，浏览器会移除源标识符中多余的空格和空行。大部份连续的空格或空行都会被算作一个空格。需要注意的是，HTML 标识符中的大部份连续的空行（换行）也被表明为一个空格。
如下表所示标识符：
<p> 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 </p>输出结果:
春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。
练习题
1.以下有关副标题的说法哪种是错误的？
A默认情况下，HTML 会自动地在块级原素前后添加一个额外的空行
B采用副标题仅仅是为了产生粗体或大号的文件格式
C搜索引擎采用副标题为您的网页的内部结构和文本编制索引
2.下面几个副标题哪个权重最高，最主要？
A<h1>This is a heading</h1>
B<h2>This is a heading</h2>
C<h3>This is a heading</h3>
3.默认情况下，HTML 会自动地在块级原素前后添加一个额外的空行,这个说法对吗？
A对
B错
4.以下有关章节的做法哪种是正确的？
A<p>This is a paragraph
B采用空的章节记号 <p></p> 去插入一个空行
C<p>This is a paragraph </p>
5.下列折行条码采用正确的是？
A<p>This is<br>a para </br>graph with line breaks</p>
B<p>This is<br />a para<br />graph with line breaks</p>
C<p>This is a paragraph</br> graph with line breaks</p>
6.下列说法正确的是？
A可以通过在 HTML 标识符中添加额外的空格或换行来改变输出的效果
B采用<br />条码来折行
C采用空的章节记号 <p></p> 去插入一个空行是个好习惯
请把你的答案写在留言区，大家一起交流学习。
