本文详细介绍了HTML的基础标签，如`<html>`、`<head>`和`<body>`，并深入讲解了路径、相对路径、绝对路径及超链接的使用，包括外部链接、内部链接、锚点链接和特殊字符。同时涵盖了表格、列表和表单等关键元素的创建和美化。
<body bgcolor="#3C3C3C">
目录
HTML入门
HTML的基本标签
<html></html>是最大的标签，就是根标签，类比main函数
<head></head>是网页的头部
<titile></titile>是网页头部的标签，就是网页的名字
<body></body>是网页的主体部分
路径
相对路径：
以引用文件所在的位置为参考，而建立的目录路径。
相对路径包括：
同一级的相对路径；<img src="XXX.jpg" />
下一级的相对路径；<img src="image/XXX.jpg" />
上一届的相对路径。<img src="../XXX,jpg" />
绝对路径：
就是在电脑当中的什么位置。
<img src="C:\Users\apple\Desktop\web\XXX.jpg" />例如。
还有网络中的图片。
<img src="http://www.itcast.cn/2018czgw/XXX.jpg" />
超链接标签
<a></a>
超链接的语言规范：
href（必须属性）用于指定链接目标的url地址。
target（属性）用于指定链接页面的打开方式。
其中_self为默认值，_blank为在新窗口中打开方式。
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
链接的分类
外部链接：
例如<a href="http://www.baidu.com">百度</a>
内部链接：
<a href="XXX.html">首页</a>
XXX.html就是我们自己文件夹的网页。
空链接：
<a href="#">公司简介</a>，还没写，但是先链接过去。
下载链接：
如果href里面地址是一个文件或者压缩包，会下载这个文件。
<a href="XXX.zip">下载包</a>(如果这个压缩包在我们自己的目录里面)
网页元素链接：
在网页中有图片，文字，音频等都可以添加超链接。
<a href="http://baidu.com"><img src="XXX.jpg"></a>,这个图片可以超链接到一个网页。
锚点链接：
可以快速到达当前页面的某一部分。
first step：
在链接文本中，设置属性值为#名字的形式
如：<a href="#two">第二集介绍</a>
second step：
找到目标位置的标签，里面添加一个id属性 = 刚才的名字
如:<h3 id="two">第二集介绍</h3> id就是做个小标记，他有个内部的锚点标签。
特殊字符
空格
< 小于号 <
> 大于号 >
& 和 &
¥ 人民币 ¥ ;
© 版权 ©
® 注册商标 ®
° 摄氏度 °
土 正负号 ±
乘号 ×
/ 除号 ÷
^2 平方的2 ²
^3 立方的3 ³
表格标签
<table></table>表示整个表格
<tr></tr>表示行
<td></td>表示列
表头单元格制作：
表头单元格标签（他可以文本是居中，加粗的）
<th></th>就是一特殊的<td></td>
对于表格更好的分清表格结构：
<thead> 表格的头部区域（就是《th》整个区域）
《thead》内部必须有《tr》标签，一般位于第一行。
<tbody> 表格的主体区域 （就是《td》整个区域，主要用于数据主体
对于表格美化
属性名 属性值 描述
align left，center，right 规定表格相周围元素的对齐方式
border 1或"" 规定表格单元是否拥有边框，默认为“”，表示没有边框
cellpadding像素值 规定单元边缘与其内容之间的空白，默认1像素
celllspacing像素值 规定单元格之间的空白，默认为2像素
width 像素值或百分比 规定表格的宽度
height 像素值或百分比 规定表格高度
对于单元格的操作
合并单元格：
跨行rowspan=“合并单元格个数”跨列colspan=“合并单元格个数”
跨行：最上侧单元格为目标单元格，写合并代码，同理跨列最左侧
合并单元格步骤 最后删除多余的单元格
列表标签
无序列表：
<ul></ul>是无序列表，<li></li>表示列表项。
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
有序列表：
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
自定义列表：
类似以下：
帮助中心 服务支持 关注我们
------------- ------------- --------------
账户管理 自助服务 官方微信
订单操作 相关下载 新浪微博
<dl>
<dt>列表项</dt>//标题，名词
<dd>列表项</dd>//内容，注释等
<dd>列表项</dd>
<dd>列表项</dd>
</dl>
表单标签
整个空间范围叫表单域（可以把区域内收集到的信息提交给服务器）
<form action="url地址" method="提交方式" name="表单域名称">
//URL地址：用于接收并处理表中数据的服务器程序的URL地址。
//method：取值get/post，用于设置表单数据的提交方式。
//name：名称，用于区别整个网页中不同的表单。
各种单元控件
</form>
表单元素：
input输入表单元素（有很多种类型）
<input type="属性值" />（单标签）
type取值：
button 可点击按钮(多数情况是通过JAVASCRIPT启动脚本)
CheckBox复选框(多选)
file 输入字段和“浏览”按钮，供文件上传
hidden 隐藏的输入字段
image 图像形式的提交按钮
password密码字段，该字段的字符被掩码
radio 单选按钮
reset 定义重置按钮，重置按钮会清除表单中的所有数据。
submit 定义提交按钮，提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段，用户可输入文本，默认宽度为20字符
select下拉表单元素
就是点击进行下拉众多选项中选择一个，比如省份，年份，星座
<h1>下拉标签</h1>
籍贯:
<select>
<option>山东</option>
<option>广西</option>
<option>浙江</option>
<option>江西</option>
</select>
至少包含一个option
其中还有一个属性selected=“selected”,初始化就是默认选中。
textarea文本域表单元素
可以填写大量内容，支持换行，好多段落书写。
<textarea rows="3" cols="20">
表示行数和字符数，但是在实际开发过程中，一般使用CSS实现
文本内容
<textarea>
name 定义这个输入元素的名字
value 定义这个输入元素的值，就是输入框内的提示
checked 定于元素首次加载时被选中
（就是可以对单选按钮和复选按钮设置checked的属性，当页面打开的时候就可以默认已经选中了这个按钮）
maxlength 规定输入字段的最大长度
（就是用户没有办法输入更多的字符，限定了用户输入的字符数）
表单标签的《label》标签
用于绑定一个表单标签，当触及元素时，可以直接把选项选上或者光标锁定。
增加用户体验。
举个例子：
<label for="sex">男</label>
扫一扫
181
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
