一、列表标签(网页中展现行内容,依照行的形式,参差显示内容)
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 tfoot5.合并单元格(程度/垂直的多个单元格合并成一个 保一删一) 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>
五、字符实体
语法: 空格 > 大于号 < 小于号