一、HTML简介
HTML((Hyper Text Markup Language)通常称为超文本标记语言，是一种文本类、解释执行的标记语言，是Internet上用于编写网页的主要语言。HTML使用标记标签来描述网页，HTML 标签是由尖括号包围的关键词，比如 <html>；HTML 标签通常是成对出现的，比如 <b> 和 </b>；标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。
<html> <head> <title>文件标题</title> </head> <body> 文件正文 </body> </html>
- <html> 与 </html> 之间的文本描述网页
- <title> 与 </title> 之间的文本描述网页标题
- <body> 与 </body> 之间的文本是可见的页面内容
二、HTML基本要素
（1）HTML标题
- HTML 标题（Heading）通过 <h1> - <h6> 等标签进行定义的。
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
- 标题文字对齐方式——align
语法：align="对齐方式"
属性值：left(左对齐)、center(居中对齐)、right(右对齐)
<html> <body> <h1 align="center">望庐山瀑布</h1> <h2 align="right">李白</h2> <h3 align="center">日照香炉生紫烟，遥看瀑布挂前川。</h3> <h3 align="center">飞流直下三千尺，疑是银河落九天。</h3> </body> </html>
（2）HTML段落
- HTML 段落通过 <p> 标签进行定义，可以使用成对的<p>，也可以使用单独的<p>标记来划分段落。
<html> <body> <p>这是段落1。</p> <p>这是段落2。</p> 这是段落3。<p> <p>段落元素由 p 标签定义。</p> </body> </html>
- 取消文字换行标记——nobr
如果浏览器中单行文字的宽度过长，浏览器会自动将该行文字换行显示。如果希望强制浏览器不换行显示，可用该标记。
语法：<nobr> 不换行显示的文字 </nobr>
- 换行标记——br
段落与段落之间是隔行换行的，造成文字的行间距过大，可用该换行标记来完成行间的紧凑换行显示。一个<br/>表示一个换行，连续多个标记可以多次换行。
语法：<br/>
<html> <body> 已亥杂诗——龚自珍<br/><br/> 九州生气恃风雷，万马齐喑究可哀。<br/> 我劝天公重抖擞，不拘一格降人才。<br/> </body> </html>
- 保留原始排版标记——pre
语法：<pre> 排版的文字 </pre>
<html> <body> <p> 下面是原始排版方式效果 </p> <pre> 66 33333 6666 333 666666 3 </pre> </body> </html>
- 使文字水平居中——center
语法：<center> 文字 </center>
<html> <body> <center> <p> 汉乐府《长歌行》 </p> 青青园中葵，朝露待日晞。<br/> 阳春布德泽，万物生光辉。<br/> 常恐秋节至，焜黄华叶衰。<br/> 百川东到海，何时复西归? <br/> 少壮不努力，老大徒伤悲。 </center> </body> </html>
- 文字段落缩进——blockquote
使用该标记可实现页面文字的段落缩进。每使用一次，段落就缩进一次，可以嵌套使用，以达到不同的缩进效果。
语法：<blockquote> 缩进的文字 </blockquote>
<html> <body> <p> 《短歌行》 </p> <blockquote><blockquote><blockquote>曹操</blockquote></blockquote></blockquote> <blockquote><blockquote>对酒当歌，人生几何！譬如朝露，去日苦多。</blockquote></blockquote> <blockquote><blockquote>慨当以慷，忧思难忘。何以解忧？唯有杜康。</blockquote></blockquote> <blockquote>青青子衿，悠悠我心。但为君故，沉吟至今。</blockquote> <blockquote>呦呦鹿鸣，食野之苹。我有嘉宾，鼓瑟吹笙。</blockquote> 明明如月，何时可掇？忧从中来，不可断绝。<br/> 越陌度阡，枉用相存。契阔谈讌，心念旧恩。<br/> 月明星稀，乌鹊南飞。绕树三匝，何枝可依？<br/> 山不厌高，海不厌深。周公吐哺，天下归心。 </body> </html>
ps:部分转自 http://www.w3school.com.cn