本文介绍了HTML的基本结构和常用标签，包括根标签<html>、文档头部<head>、主体<body>，以及标题<h1>-<h6>、段落<p>、换行<br/>等文本格式化标签。还详细讲解了图像<img>的使用，超链接<a>的属性，表格的创建和单元格合并，列表<ul>、<ol>和<dl>，以及表单<form>的构成和各种输入元素类型。
失物不招领的学习日记（1）
基本标签
<html></html> 根标签
<head></head> 文档头部
<title></title> 文档标题
<body></body> 文档主体
常用标签
标题标签： <h1></h1>
...
<h6></h6>
段落标签：<p></p>
换行标签：<br/>
文本格式化标签
加粗：<strong></strong>
倾斜：<em></em>
删除线：<del></del>
下划线：<ins></ins>
装内容的大盒子，一行只能有一个：<div></div>
装内容的小盒子，一行能有多个：<span></span>
图像
格式：<img.src="imges/2.PNG" />
属性
src属性：路径+文件名
alt属性：图片的替换文本
title属性：提示文本
width：宽
height：高
border：边框粗细
路径
1、相对路径：以网页文件所在位置为查找的基准点，找对应图片文件所在位置。
同一级：无特殊符号
上一级：.../
下一级：/
2、绝对路径：从盘符为起始的基准点，依次去找每一层的文件夹。
超链接a
格式：<a href=“跳转目标” target=“弹出方式”> 文本或图像 </a>
_self:默认弹出方式
_blank:新窗口中打开
1、外部链接
2、内部链接
3、空链接
特殊字符
| HTML源代码 | 显示结果 | 描述 |
|---|---|---|
| < ; | < | 小于号或显示标记 |
| > ; | > | 大于号或显示标记 |
| &； | & | 可用于显示其他特殊字符 |
| " ; | “ | 引号 |
| ® ; | ® | 已注册 |
| &trade ； | ™ | 商标 |
| &ensp ; | 半个空白位 | |
| &emsp ； | 一个空白位 | |
|   ； | 不断行的空白 |
表格标签
1、基本语法：
2、表头单元格：th
3、表头属性：
| 属性名 | 属性值 | 描述 |
|---|---|---|
| align | left、center、right | 表格相对元素的对齐方式 |
| border | 1或“ ” | 规定表格单元是否拥有边框，默认为" "，表示没有表格 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白，默认为1像素 |
| cellspacing | 像素值 | 规定单元格之间的空白，默认2像素 |
| width | 像素值或百分比 | 规定表格宽度 |
| height | 像素值或百分比 | 规定表格高度 |
4、表格结构标签
头部区域：<thead>
主体区域：<tbody>
5、合并单元格
1）合并方式：
跨行合并：rowspan=“合并个数”
跨列合并：colspan=“合并个数”
2）目标单元格：
跨行：最上侧单元格为目标单元格，写合并代码
跨列：最左侧单元格为目标单元格，写合并代码
3）步骤
a.确认合并方式：跨行/跨列
b.合并方式=合并的单元格数量
c.删除多余的单元格
列表
1、无序列表
1）<ul></ul>之间只能嵌套<li></li>
2)<li></li>之间可以容纳所有元素
3）无排序，并列
4）带有自己的样式属性
2、有序列表
1）<ol></ol>之间只能嵌套<li></li>
2)<li></li>之间可以容纳所有元素
3）带有自己的样式属性
3、自定义列表
1）<dl></dl>中间只能嵌套<dt></dt>或<dd></dd>
2)<dt>和<dd>无个数限制，通常为一个<dt>对多个<dd>
表单
组成：表单域、表单控制、表单信息
1、表单域
定义：一个包含表单元素的区域。<form>把它范围内的表单元素信息提交给服务器
常用属性：
| 属性 | 属性值 | 作用 |
|---|---|---|
| action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址 |
| method | get/ post | 用于设置表单数据的提交方式，其取值为get或post |
| name | 名称 | 用于指定表单的名称，以区分同一个页面中的斜体样式多个表单域 |
2、表单控制
1）input输入表单元素：
type属性的属性值以及描述：
| 属性值 | 描述 |
|---|---|
| button | 定义可点击按钮 |
| check | 定义复选框 |
| file | 定义输入字段和“浏览”按钮，供文件上传 |
| hidden | 定义隐藏的输入字段 |
| image | 定义图像式的提交按钮 |
| password | 定义密码字段，该字段中的字符被掩码 |
| radio | 定义单选按钮 |
| reset | 定义重置按钮，重置按钮会清除表单中的所有数据 |
| submit | 定义提交按钮，提交按钮会把表单数据发送到服务器 |
| text | 定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符 |
2）label标签：为input元素定义标准标签，可用于绑定一个表单元素
eg.
效果：
3、select标签
使用场景：多个选项供用户选择。
用法：至少存在一对<option></option>;
<option>中设定selected = "selected"时，默认选中
4、textarea文本域
使用场景：用户输入的内容较多时，尤其是留言板，评论。用来定义多行文本输入的控件。
使用方式：<texarea></textarea>定义多行文本输入
cols=每行字符数
rows=显示的行数
eg.
效果：
扫一扫
64
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
