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标签：用于对文档中的行内元素进行组合。行内元素