初识HTML
HTML: Hypertext Markup Language的缩写，中文翻译为超文本标识语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML主要作用
1. 使用html语言标识文本，如定义标题文本、段落文本等；
2. 使用html语言建立超链接；
3. 使用html语言在网页中显示多媒体信息，如图像、音频、视频等；
4. 使用html语言创建列表、制作表格、制作表单等。
HTML结构
基本结构如下
<html> <!--语法开始--> <head> <!--头部信息，如<title>标签定义的网页标题--> </head> <body> <!--主体信息，网页显示的内容--> </body> </html> <!--语法结束-->
HTML语法
1. 所有标签必须包含在“<>”中，形成一个标签，如<head>、<body>、<div>等；
2. 对标签由起始标签和结束标签构成，结束标签是由“/”开始，如<div></div>、<p></p>等；
3. 单标签由“/”结束，如<img / >、<link / >、<meta / >等；
4. 标签内属性，属性名=“属性值”，多个属性间空格分隔，如<img src="" />、
<link rel="" type="" href="" />、<div class=""></div>、<p class="" id=""></p>等；
5. 少数元素的属性可直接写属性名，如
<input type="radio" name="sex" id="" value="nan" checked />；
6. 标签嵌套匹配，不可交错，如 √ <h2><p></p></h2>，× <h2><p></h2></p>；
7. 注释
<!--单行注释-->
<!--
多行注释
-->
*HTML中所有符号英文半角状态下输入，对于HTML文档，除了必须符合基本语法规范外，必须保证文档结构信息的完整性。
HTML标签
1. 文档结构标签，用来标识文档基本结构，主要有：<html>...</html>、<head>...</head>、
<body>...</body>；
2. 文本格式标签，用来标识文本区块，附带有一定的显示格式，主要有：<title>...</title>、
<p>...</p>、<hi>...</hi>（标识标题文本，i为1、2、3、4、5、6）、
<blockquote>...</blockquote>（标识引用文本）；
3. 字符格式标签，用来标识带有特殊显示效果的文本字符，主要有：
<b>...</b>、<strong>...</strong>，标识强调文本，加粗效果显示；
<i>...</i>、<em>...</em>，标识强调文本，斜体效果显示；
<big>...</big> / <small>...</small>，标识放大/缩小文本；
<sup>...</sup> / <sub>...</sub>，标识上标/下标文本；
4. 列表标签，有：
无序列表 <ul><li></li></ul>；
有序列表 <ol><li></li></ol>；
自定义列表 →
<dl>
<dt></dt> <!--词条-->
<dd></dd> <!--解释-->
</dl>
5.链接标签： <a></a>，标识超链接；
1> <a href=" 链接地址 "></a>；
2> <a>标签定义锚点，定位到网页中指定位置,方法如下：
...
<a href="#btn">跳转到底部</a>
...
<span id="btn">底部锚点位置</span>
...
6.多媒体标签，主要有<img></img>、<embed></embed>、<object></object>；
7.表格标签，用来组织和管理数据，主要结构如下：
<table> <!--表格结构--> <caption></caption> <!--标题--> <tr> <!--表格行--> <th>Header</th> <!--表头--> <th>Header</th> </tr> <tr> <td>Data</td> <!--单元格--> <td>Data</td> </tr> </table>
8.表单标签，用来制作交互式表格，主要标签有：
<form>...</form>：定义表单结构；
<input />：定义文本域、按钮、单选框、复选框等；
<textarea>...</textarea>：定义多行文本框；
<select>...</select>：定义下拉列表；
<option>...</option>：定义下拉列表中的选择项目；
（个人学习笔记，如有错误还请指出，谢谢！）
浙公网安备 33010602011771号