HTML标签、表格结构、表单

2.1标题标签：<h1>~<h6>字体逐渐减小

2.2段落标签：<p> 可以将网页内的文字分为若干个段落

2.3水平线标签： <hr/>创建横跨网页水平线的标签，将段落与段落之间隔开

2.4换行标签：

2.5图像标签: <img>

属性	属性值	必须	描述
src	URL	是	图像的路径，可以是相对路径也可以是绝对路径
alt	文本	否	图像不能显示时的替换文本
title	文本	否	鼠标悬停时显示的内容
width	像素	否	设置图像的显示宽度
height	像素	否	设置图像的显示高度

2.6链接标签：<a> 创建超链接，图片音频视频都可以添加超链接

<a href="跳转目标" target="目标窗口的弹出方式"></a>

2.7锚点定位：通过创建锚点链接，用户能够快速定位到目标内容

创建锚点链接：

1. 使用链接文本创建连接文本：

   <a href="xiaoba"></a>

2. 使用相对应的id名标注跳转目标的位置：

   <h1 id="xiaoba"></h1>

2.8注释标签 ctrl+shift+/

3.2绝对路径：文件在硬盘上真正存在的路径

3.3相对路径：相对于自己的目标文件位置

4.列表

4.1无序列表：各个列表之间

注意：

<ul>
    <li></li>
    <li></li>
    ...
</ul>

4.2有序列表：有排列顺序的列表，

<ol>
    <li></li>
</ol>

4.3自定义列表：常用于对术语或名词进行解释和描述，定义列表的列表项没有任何项目符号

<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词2解释2</dd>
    <dt>名词2</dt>
    <dd>名词2解释2</dd>
</dl>

5.表格制作<table>

5.1表格结构：可以将表格划分为标题、头部、主体和脚注。

<caption>：用于定义表格标题

<thead>:用于定义表格头部。一般包含列明、行号登表头信息

<tbody>:用于定义表格主体。一般包含数据内容

<tfoot>:用于定义表格脚注

<tr>:用于定义表格的一行

<td>:用于定义表格的一格

5.2表格属性

属性名	含义	常用属性值	默认值
border	设置表格边框	像素值	0，无边框
cellspacing	设置单元格与单元格之间的空表间距	像素值	2px
cellpadding	设置单元格内容与单元格边框之间的空白间距	像素值	1px
width	设置表格的宽度	像素值
height	设置表格的高度	像素值
align	设置表格在网页中的水平对齐方式

表单

1. 表单

   • 表单控件：包含了具体的表单功能项

   • 提示信息：一个表单中通常还需要包含一些说明性文字，提示用户进行填写和操作

   • 表单域：相当于一个容器，用来容纳所有的表单控件和提示信息

2. input标签

   1. type属性

      • text 文本输入框

      • password 密码输入框

      • number 数字输入框

      • datetime 日期时间输入框

      • tel 电话号码输入框

      • email 电子邮箱输入框

      • radio 单选按钮

      • checkbox 复选框

      • search 搜索框

      • button 普通按钮

      • submit 提交按钮

      • reset 重置按钮

      • file 文件域

      • hidden 隐藏域

   2. name

      • text 标签的名称（表单域内唯一）

   3. value

      • text 标签的默认值

   4. maxlength

      • number 允许输入的最大字符数

   5. checked

      • checked 选择标签默认被选中的项

   6. readonly

      • readonly 输入字段是只读的

   7. required

      • required 必须在提交表单之前输入字段

   8. disabled

      • disabled 禁用标签

   9. placeholder

      • text 输入前的提示信息

3.文件上传

• enctype="multipart/form-data"