HTML5超文本标记语言

文字标签:<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标签的使用:

方法①:

  1. 使用label标签把内容(如:文本)包裹起来;
  2. 在表单标签上添加id属性;
  3. 在label标签的for属性中设置对应的id属性值;

实例:<input type="checkbox" id="one" checked/><label for="one">敲代码</label>

方法②:

  1. 直接使用label标签把内容(如:文本)和表单标签一起包裹起来;
  2. 需要把label标签的for属性删除即可;

实例:<label><input type="checkbox" checked/>敲代码</label>

语义化标签中没有语义的布局标签-div(独占一行)和span(一行可以显示多个)

语义化标签中有语义的布局标签

header(网页头部) nav(网页导航) footer(网页底部) aside(网页侧边栏)

section(网页区块) article(网页文章)

  • 12
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值