一、head标签
1.head标签中的内容:title、meta、base、link、style、script
二、body标签
1.body标签的作用:用来在网页的内容中添加信息的
三、文本标签
1.标题标签:h1~h6
2.段落标签:p
- 一个段落使用一个p标签,每个p标签内容显示完后会自动换行
3.空白标签: 和&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标签:用于对文档中的行内元素进行组合。行内元素