一、列表标签(网页中展现行内容,依照行的形式,参差显示内容)
1. 有序列表
<ul>
<li></li>
</ul>
特点:①列表每项前有“·”②文字没有靠左
③li 有默认装璜
2. 无序列表
<ol>
<li></li>
</ol>
特点:与有序列表雷同
列表每项前有数字
3.** 自定义列表 **(通常会在页面底部应用)<dl> ------- 整体标签(dl 标签中只能呈现 dt 和 dd 标签)<dt></dt> ---- 题目
<dd></dd> ---- 题目形容
</dl>
二、表格标签
1. 表格的根本标签:<table> -------- 表格整体(包裹在最外边)<tr></tr>---- 表格的行
<td></td>---- 表格的列
</table>
2. 表格相干属性
border 边框
width 宽度
height 高度
align 表格对齐形式(left、right)cellspacing 单元格间距
cellpadding 内容与单元格间距
<table border='1' width='100' height='10'>
3. 表格题目和表头单元格
<table>
<caption></caption> --- 表格整体大题目 默认剧中
<th></th> ------------- 一列小标题,用于表格第一行,默认加粗居中
</table>
4. 表格的构造标签(可省略,包裹 tr)thead tbody tfoot
5. 合并单元格(程度 / 垂直的多个单元格合并成一个 保一删一)rowspan
clospan
留神:只有同一个构造标签能力合并,不能跨 thead,tbody,tfoot
三、表单标签(type 属性值体现不同的成果)(收集用户信息,提交给后盾)
1.input 系列标签 type=‘’*text:文本框,单行文本 pleaceholder:占位符(提醒用户输入框内容)(name/value 属性 name 给 input 设置名字 value 提交后盾名字)*password:明码框
*radio:单选 想要实现单选 须要给同一组单选按钮减少雷同的 name 属性值
*checkbox:多选
*file:文件抉择 多文件上传 multiple
*submit:提交 将数据提交到后端
*reset:重置 将书写的数据进行清空
*button:按钮
2.button 按钮标签
<button type='submit/reset/button'> 提交 / 重置 / 按钮 </button>
3.select 下拉菜单 默认选中 selected
<select>
<option></option>
</select>
4.textarea 文本域 反对多行文字
标签中 辨认换行和空格 右下角拖拽扭转大小 理论用于开发时针对款式成果 举荐 css 款式
<textarea></textarea>
5.label 标签 减少用户体验 减少表单控件范畴 label 标签中只能呈现一个 input 标签
应用办法:应用 label 蕴含须要点击的内容
给 label 的 for 属性增加属性值
给须要抉择的表单控件减少 id 属性并且值为下面 for 里的值
四、语义化标签
1. 无语义化的标签
<div></div> 独占一行 相似 <h1></h1>
<span></span> 一行显示多个
2. 有语义化的标签
<header></header>
五、字符实体
语法: 空格
> 大于号
< 小于号