文字标签:<strong></strong>加粗 <ins></ins>下划线
<em></em>斜体 <del></del>删除线
音频标签: <audio src=” 音频路径” controls(播放控件)autoplay(自动播放,部分浏览器不支持)loop(循环播放)></audio>
视频标签:<videosrc=” 视频路径” controls(播放控件)autoplay(自动播放,谷歌浏览器配合muted属性实现静音播放)loop(循环播放)></video>
a标签: <a href=”跳转路径” target=”目标网页打开的形式”></a>
target=”_self” 默认值,在当前窗口跳转(覆盖原网页)
target=”_blank” 在新窗口中跳转(保留原网页)
列表标签中的自定义标签:通常用于网页的底部导航。
dl 表示自定义列表的整体,用于包裹dt/dd标签
dt 表示自定义列表的主题
dd 表示自定义列表的针对主题的每一项内容(默认显示缩进)
注意:dl标签只允许包含dt/dd标签;但是dd/dt标签可以包含任意内容;
表格标签中的表格标题(caption)和表头单元格标签(th)
caption :表格大标题,默认在表格整体顶部居中位置显示;
th : 表头单元格,表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示;
注意:caption标签书写在table标签内部;th标签书写在tr标签内部(用于替换td标签)
表格的结构标签(了解)
<thead>tr/td/th标签</thead>表格头部
<tbody>tr/td/th标签</tbody>表格主体
<tfoot>tr/td/th标签</tfoot>表格底部
input标签输入框中的属性placeholder:占位符,提示用户输入内容的文本;
input系列标签-文件选择 type属性值:file 常用属性multiple多文件选择;
textarea文本域标签,常见属性:cols规定文本域可见宽度,rows规定文本域可见行数;
label标签的使用:
方法①:
- 使用label标签把内容(如:文本)包裹起来;
- 在表单标签上添加id属性;
- 在label标签的for属性中设置对应的id属性值;
实例:<input type="checkbox" id="one" checked/><label for="one">敲代码</label>
方法②:
- 直接使用label标签把内容(如:文本)和表单标签一起包裹起来;
- 需要把label标签的for属性删除即可;
实例:<label><input type="checkbox" checked/>敲代码</label>
语义化标签中没有语义的布局标签-div(独占一行)和span(一行可以显示多个)
语义化标签中有语义的布局标签
header(网页头部) nav(网页导航) footer(网页底部) aside(网页侧边栏)
section(网页区块) article(网页文章)