HTML学习1
什么是 HTML？
HTML（Hyper Text Markup Language）： 超文本标记语言，用于描述网页的一种标记语言，使用标记标签来描述网页。
HTML 标签
HTML 标记标签通常被称为 HTML 标签 。
HTML 标签是由尖括号包围的关键词，比如
<html>
HTML 标签通常是成对出现的，比如
<b> </b>
部分标记除外例如：<br/>
标签对中的第一个标签是开始标签（也称开放标签），第二个标签是结束标签（也称闭合标签）。
整体结构
一个网页对应多个HTML文件，HTML文件以.htm（磁盘操作系统DOS限制的外语缩写）或.html（外语缩写）为扩展名。
开始标记和结尾标记
文件的开头，即开始标记：
<html>
说明该文件是用超文本标记语言来描述的。
文件的结尾，即结尾标记：
</html>
头部内容
头部信息的开始：<head>
头部信息的结尾：</head>
头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。
HTML 头部元素：
| 标签 | 描述 |
|---|---|
<head> |
定义了文档的信息 |
<title> |
定义了文档的标题 |
<base> |
定义了页面链接标签的默认链接地址 |
<link> |
定义了一个文档和外部资源之间的关系 |
<meta> |
定义了HTML文档中的元数据 |
<script> |
定义了客户端的脚本文件 |
<style> |
定义了HTML文档的样式文件 |
主体内容
<body> </body>：这两个正文标记符（又称实体标记）中的内容，就是网页中显示的实际内容。
标记
类型描述
<!DOCTYPE HTML>
为了说明文档使用的超文本标记语言标准，所有超文本标记语言文档应该以“文件类型声明”（英语全称加缩写<!DOCTYPE>）开头。
基本框架结构
<html> </html> 创建一个超文本标记语言文档。
<head> </head> 设置文档标题和其它在网页中不显示的信息。
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义了一个文档和外部资源之间的关系。
<script> </script>脚本语句标签。
<body> </body>文档的可见部分。
<title> </title> 设置文档的标题。
内容描述
<h1> </h1> 一号标题（最大的标题）
<h6> </h6> 六号标题（最小的标题）
注：标题标签仅应该用于标题文本。不要为了产生粗体文本而将它们用于段落文本。段落文本可用其它标签或 CSS 代替。
（PS：<h6> 以后，如h7、h8、h9…显示的就只是普通段落样式文本）
<hr/> 创建水平线。
<pre> </pre> 预先格式化文本 （英文全称：Pre formatted）
<u> </u> 下划线（英文全称：Underline）
<b> </b> 黑体字 （英文全称：Bold）
<i> </i> 斜体字 （英文全称：Italics）
<tt> </tt>打字机风格的字体
<cite> </cite>引用，通常是斜体
<em> </em> 强调文本（通常是斜体加黑体、英文全称：Emphasize）
<strong> </strong> 加重文本（通常是斜体加黑体）
<font size="" color=""> </font> 设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值
<BASEFONT> </BASEFONT>基准字体标记
<big> </big> 字体加大
<SMALL> </SMALL> 字体缩小
<DELECT> </DELECT> 加删除线
<CODE> </CODE>程式码
<KBD> </KBD>键盘字
<SAMP> </SAMP> 范例
<VAR> </VAR> 变量
<BLOCKQUOTE> </BLOCKQUOTE> 向右缩进（块引用）
<DFN> </DFN> 述语定义（英文全称：Define）
<ADDRESS> </ADDRESS>地址标记
<sup> </SUP> 上标字
<SUB> </SUB> 下标字
<xmp> </xmp>固定宽度字体（在文件中空白、换行、定位功能有效）
<plaintext> </plaintext>固定宽度字体（不执行标记符号）
<listing> </listing> 固定宽度小字体
<font color=00ff00> </font>字体 颜色
<font size=1> </font>字体 大小等于1（最小）。
<font style ='font-size:100 px'> </font>字体 样式等于无限增大（100像素）
格式标志标签
<p> </p> 创建一个段落 （英文全称：Paragraphs）
<p align=""> 将段落按左、中、右对齐
<br/>定义新行
<blockquote> </blockquote> 从两边缩进文本
<dl> </dl> 定义列表
<dt> 放在每个定义术语词前，用于定义术语（英文全称：Definition Term）
<dd> 放在每个定义之前，用于定义说明（英文全称：Definition Description）
<ol></ol> 创建一个标有序的列表，默认前面有数字，从数字“1”开始计数，依次叠加，也可以设置为字母或从任何自然数开始计数的列表项 （英语全称：Ordered List）
<ul></ul> 创建一个无序的列表，默认前面标有圆点，也可以自己设置为none或者其他形状，如空心圆、方块等。
<li> 放在每个列表项之前，若在<ol></ol>之间，则每个列表项加上一个数字；若在<ul></ul>之间则每个列表项加上一个圆点。
<div align=""> </div> 用来排版大块HTML段落，也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr> </nobr> 强行不换行（英文全称：No breaking）
<hr size='9' width='80%' color='ff0000'>设定水平线宽度
<center> </center> 水平居中
网页表格标签
表格的基本结构如下：
<Table>
<caption></caption>
<tr>
<th></th><th></th>...
</tr>
<tr>
<td></td><td></td>...
</tr>
<tr>
<td></td><td></td>
</tr>
...
</Table>
表格的内容放在<Table> </Table>标记之间。<caption>定义表格的标题。
表格的表示以行为单位，在行中包含列。其中：一个<tr> </tr>标记表示一行；一个<td> </td>标记表示一列；<th> </th>定义表头，一般可以不用。
链接标志表格标志
HTML 链接：通过 <a> 标签定义。
创建超文本链接：
<a
href="一个URL"></a>
（注：在 href 属性中指定链接的地址。）
创建位于文档内部的书签：
<a
name="书签页"></a>
创建指向位于文档内部书签的链接：
<a
href="#书签页"></a>
图像标志
HTML 图像：通过 <img> 标签定义。
<img src="图片地址" width="宽度" height="高度" />
注：图像的宽度、高度等属性是以属性的形式定义的。
使用
每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。
正文标记符中提供以下属性来改变文本的颜色及页面背景。
BGCOLOR（英语全称：Background Color）用于定义网页的背景色
BACKGROUND用于定义网页背景图案的图像文件
TEXT用于定义正文字符的颜色，默认为黑色
LINK用于定义网页中超级链接字符的颜色，默认为蓝色
VLINK（外语全称：Visited LINK）用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色
ALINK（中文全称：活动链接）用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色
使用以上属性时，需要对颜色进行说明，在HTML中对颜色可使用3种方法说明颜色属性值，即直接颜色名称、16进制颜色代码、10进制RGB码。
直接颜色名称：可以在代码中直接写出颜色的英文名称。如测试，在浏览器上显示时就为红色。
16进制颜色代码： #RRGGBB 。16进制颜色代码之前必须有一个“#”号，这种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。不同的取值代表不同的颜色，取值范围是00~FF。如测试，在浏览器上显示为红色。
10进制RGB码：RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别是红色、绿色、蓝色，他们的取值范围是0~255。以上两种表达方式可以相互转换，标准是16进制与10进制的相互转换。如测试，在浏览器上显示字体为红色。
元素
HTML 元素：从开始标签到结束标签的所有代码。即包含了开始标签、结束标签和他们之前的代码内容。
HTML 文档是由 HTML 元素定义的。
语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（如
<br>） - 空元素在开始标签中进行关闭（在开始标签中添加斜杠，如
<br/>，是关闭空元素的正确方法） - 大多数 HTML 元素可拥有属性
- 大多数 HTML 元素可嵌套
（如<body>元素的元素内容可以是<p>元素；<html>元素的元素内容可以是<body>元素）
一些默认要求
- 文件扩展名默认使用htm或html。
- HTML文件的列宽可不受限制，即多个标记可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）。
- 完整的空格可使用实体符“ （字母须小写）”表示非换行空格。
- 表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。
- 标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束。
- 大多数标记符必须成对使用，以表示作用的起始和结束。
- 标记元素忽略大小写，即其作用相同，但完整的空格要求特殊字符小写“ ”。
- 许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。
- 标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，不能使用全角字符。
- HTML注释由"
<!--"号开始，由符号”-->“结束结束，例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。
第一个HTML文件
<!DOCTYPE HTML>
<HTML>
<BODY>
<h1>hello</h1>
<p>world</p>
</BODY>
</HTML>
