HTML

---

一、head标签

1.head标签中的内容：title、meta、base、link、style、script

---

二、body标签

1.body标签的作用：用来在网页的内容中添加信息的

---

三、文本标签

1.标题标签：h1~h6

2.段落标签：p

• 一个段落使用一个p标签，每个p标签内容显示完后会自动换行

3.空白标签：&nbsp和&emsp

4.换行标签：br

5.字体相关标签

• 加粗：b标签和strong标签
  b标签只是单纯的文字效果加粗，strong标签有强调的意思

• 倾斜：i标签和em标签
  i标签只是单纯的文字效果倾斜，em标签有强调的意思

6.水平线标签：hr

---

四、列表标签

1.有序列表

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

2.无序列表

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

3.自定义列表

<dl>
    <dt>
    <dd>
    </dd>
    </dt>
</dl>

---

五、图片和超链接

1.图片标签：img

• src属性：图片地址

• title属性：设置图片标题

• alt属性：设置图片加载失败提示信息

2.超链接标签：a

• href属性：跳转到的目标地址
  a.网络地址
  b.本地HTML文件
  c.空
  d.选择器

• target属性：跳转方式
  a._self - 默认值，在当前页面加载新的网页
  b._blank - 在新的页面加载新的网页

---

六、表格标签

1.table - 表格标签、td - 列、tr - 行

<table>
    <tr>
        <td>
        </td>
    </tr>
</table>

2.边框相关属性

• border - 边框的宽度

• bordercolor - 设置边框颜色

• cellspacing - 单元格之间的距离

• cellpadding - 内容和边框间的距离

3.宽度和高度

• width - 设置宽度

• height - 设置高度

4.对齐方式：align

• center - 居中

• left - 左对齐

• right - 右对齐

5.行列合并

• rowspan - 行合并

• colspan - 列合并

---

七、表单标签和input标签

1.表单标签：form

• action属性：设置提交路径

• method属性：设置请求方式（post/get）

2.input标签

• type属性：说明input标签的功能
  a.text - 明文输入框
  b.password - 密文输入框
  c.radio - 单选按钮
  d.checkbox - 复选按钮
  e.button - 按钮

• name属性：对输入内容进行描述

• value属性：文本框中输入的内容

• placeholder：提示信息

• maxlength - 限制最大输入字符个数

• checked - 设置默认选中状态

---

八、下拉菜单和多行文本域

1.下拉菜单

<select>
    <optgroup>
        <option>
        </option>
    </optgroup>
</select>

• name属性：提交的时候区分不同的数据

• value属性：提交的时候的具体数据

• selected属性：默认选中

2.多行文本域：textarea

• rows属性：设置一屏最多能显示的行数
• cols属性：设置一行的最大列数

---

九、div和span标签

1.div标签：定义 HTML 文档中的一个分隔区块或者一个区域部分。块级标签独占一行

2.span标签：用于对文档中的行内元素进行组合。行内元素