乐趣区

关于html:HTML标签

一、列表标签(网页中展现行内容,依照行的形式,参差显示内容)

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>

五、字符实体

 语法:&nbsp; 空格
    &gt;  大于号
    &lt;  小于号 
退出移动版