一、列表标签(网页中展现行内容,依照行的形式,参差显示内容)
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>
五、字符实体
语法:
空格
> 大于号
< 小于号
发表回复