超文本标记语言(hypertext标记语言，HTML )
HTML是用于创建网页的标记语言，HTML不需要编译，而是直接在浏览器中分析；
HTML文件是文本文件，包含几个HTML要素、标签等；
HTML文件必须使用HTML或htm作为文件名的后缀。
HTML对大小写不敏感，HTML和HTML相同。
HTML超文本标记语言。 使用标签描述文档结构和表示形式的语言，在浏览器中分析并在网页上显示结果。 它是网页配置的基础，你看到的所有网页都离不开HTML。
创建网页是很简单的事情。 就像编辑文档文件、加粗字符、更改颜色、添加背景、将字符居中、插入图像和表格一样。 在网页上，这些操作只是用HTML语言标记表示。 本教程旨在帮助您学习和利用web统计学，是HTML入门培训教程。
一. HTML文档结构
1、HTML文档的基本结构
〈HTML〉
〈HEAD〉
〈TITLE〉网站标题〈/TITLE〉
〈/HEAD〉
〈BODY〉
第一个HTML文件
〈/BODY〉
〈/HTML〉
HTML文档以“HTML”标签开始，以“HTML”标签结束。 HTML标签告诉浏览器这两个标签之间的内容是HTML文档。 HTML文档分为文档头和文档主体。 文档标题中有本文档所需的一些定义。 文档主体包含要显示的各种文档的内容信息。
打开windows记事本，粘贴HTML文档的基本结构代码，将其另存为“First.HTML”，双击打开此HTML文件，结果如图：所示
2、HTML文档页眉
HTML文档不显示
标记的内容，但在网页设计中非常重要。 以下是HTML文档标头代码：〈HEAD〉
〈TITLE〉网站标题〈/TITLE〉
〈meta http-equiv=' content-type ' content=' text/html； charset=UTF-8'/〉>
:
“元”选项卡提供有关页面的元信息(元信息)，包括有关搜索引擎和更新频率的说明和关键字。 标记位于文档的开头，不包含任何内容。 在大多数网页中，可以看到类似上面的代码。 “charset=UTF-8”可能为“charset=gb2312”，表示网页使用了不同的字符集。 “元”标签属性单元很复杂，对于初学者来说，记住在网页中添加这个代码就可以了；
通过在html中引用外部CSS文件来控制网页样式的CSS外部样式。 可以从多个网页浏览同一CSS文件。
可以引用外部JavaScript脚本文件，并从多个网页中引用独立存在的JS脚本文件；
〈style〉***〈/style〉
CSS内部样式。 内部样式的内部样式写入html文档中，并包含在“style”“/style”代码块中。 样式会写在头上。 内部样式对网页中的所有指定标签都有效。
CSS也有内联风格。 内联样式是指“<〈div style='width:300px； color:#ff0000；' 中选择照明设备。 其中style是块标签div的样式属性，它定义块标签div的宽度为300像素，标签中的文字颜色为红色。 有关CSS的详细信息，请参见教程。
<script language=' JavaScript ' > * *
在网页中执行的JavaScript代码。 有关JS的详细信息，请参见教程。
3、HTML文件体
在HTML文档中，这是文档主体中显示的各种文档的内容信息。 HTML文档体包含在
* * * 之间。 常见的HTML标记如下：标签b之间的字符在网页上以粗体显示
标签b之间的字符在网页上用斜体显示
h1标题1 (头1 ) h2标题2 )2(头2 ) h3标题3 )3(头3 ) h4标题4 )4(头4 ) h5标题5 )5(头5 ) h6标题6 (头6 )下标) subbe
上标(superscript )
a超链接(anchor ) )。
br换行(break )。
hr水平线中心(中心) div区块) divisio
n)p 段落(paragraph)
pre 按预定格式显示的文本(Preformatted)img 图片(image)
文本输入框(text)
单选框(radio)
复选框(checkbox)
文件选择框(file)
隐藏域(hidden)
图片按钮(image)
密码输入框(password)
重置按钮(reset)
提交按钮(submit)
option 选择项1(option)
option 选择项2(option)
textarea 多行文本输入区(textarea)
有序列表
li 列表项(list item)li 列表项(list item)无序列表
li 列表项(list item)li 列表项(list item)dl字典列表(dictionary list)
dt 字典标题(dictionary title) dd 字典数据(dictionary data) dt 字典标题(dictionary title) dd 字典数据(dictionary data)table 表格(table)
td 表格数据(table data)td 表格数据(table data)td 表格数据(table data)td 表格数据(table data)4、HTML文档体转义字符
转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：
第一个原因是像“”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。
第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。
转义字符串分成三部分：
第一部分是一个&符号，英文叫ampersand；
第二部分是实体名字或者是#加上实体编号；
第三部分是一个分号。
比如，要显示小于号(
用实体名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的实体名字。而实体编号，各种浏览器都能处理。同一个符号，可以用“实体名称”和“实体编号”两种方式引用，实体名称(Entity)是区分大小写的。
(1)常用HTML转义字符表：
(2)ISO 8859-1 (Latin-1)字符集:
(3)数学和希腊字母标志
二、HTML常用标签(tag)
a 超级链接(anchor)
b 粗体(bold)
b 粗体(bold)
在我后面换行
br 换行(break)
在我后面换行
br 换行(break)
center 居中(center)center 居中(center)
cite 引用(cite)
cite 引用(cite)
code 代码(code)
code 代码(code)
dl 字典列表(dictionary list)
dt 字典标题(dictionary title) dd 字典数据(dictionary data) dt 字典标题(dictionary title) dd 字典数据(dictionary data)dl 字典列表(dictionary list)
dt 字典标题(dictionary title)
dd 字典数据(dictionary data)
dt 字典标题(dictionary title)
dd 字典数据(dictionary data)
div 区块(division)，自动换行 后续文本div 区块(division)，自动换行后续文本
span 区块(division)，不换行后续文本
span 文本段，不换行后续文本
em 强调(emphasize)
em 强调(emphasize)
h1 标题1(head1) h2 标题2(head2) h3 标题3(head3) h4 标题4(head4) h5 标题5(head5) h6 标题6(head6)h1 标题1(head1)
h2 标题2(head2)
h3 标题3(head3)
h4 标题4(head4)
h5 标题5(head5)
h6 标题6(head6)
hr 横线(horizontal)hr 横线(horizontal)
i 斜体(italic)
i 斜体(italic)
i 斜体(italic)
b 黑体(italic)
img 图片(image)
img 图片(image)
form 表单(form)input,type='text' 文本输入框(text)
input,type='radio' 单选框(radio)
input,type='checkbox' 复选框(checkbox)
input,type='file' 文件选择框(file)
input,type='hidden' 隐藏域(hidden)
input,type='password' 密码输入框(password)
input,type='reset' 重置按钮(reset)
input,type='submit' 提交按钮(submit)
select 选择列表(select)
option 选择项1(option)
option 选择项2(option)
option 选择项3(option)
textarea
多行文本输入区
form 表单(form)
input,type='text' 文本输入框(text)
input,type='radio' 单选框(radio)
input,type='checkbox' 复选框(checkbox)
input,type='file' 文件选择框(file)
input,type='hidden' 隐藏域(hidden)
input,type='password' 密码输入框(password)
input,type='reset' 重置按钮(reset)
input,type='submit' 提交按钮(submit)
select 选择列表(select)
option 选择项1(option)
option 选择项2(option)
option 选择项3(option)
textarea
多行文本输入区
ol 有序列表(order list)
li 列表项(list item)li 列表项(list item)ol 有序列表(order list)
li 列表项(list item)
li 列表项(list item)
ul 无序列表(unordered list)
li 列表项(list item)li 列表项(list item)ul 无序列表(unordered list)
li 列表项(list item)
li 列表项(list item)
p 段落(paragraph)
p 段落(paragraph)
pre 按预定格式显示的文本(Preformatted)pre 按预定格式显示的文本(Preformatted)
q 引用(quote)
q 引用(quote)
samp 例子(sample)
samp 例子(sample)
strong 重点强调(strong emphasized)
strong 重点强调(strong emphasized)
sub 下标(subscript)
sup 上标(superscript)
sub 下标(subscript)
sup 上标(superscript)
table 表格(table) td 表格数据(table data)td 表格数据(table data)td 表格数据(table data)td 表格数据(table data)table 表格(table)
td 表格数据(table data)
td 表格数据(table data)
td 表格数据(table data)
td 表格数据(table data)
三、HTML文档制作
HTML文档制作主要指〈BODY〉***〈/BODY〉之间HTML标签的布局设计。HTML文档体中常用标签设计方法参见本站提供的银河统计HTML练习教程和W3School HTML在线教程。