为了账号安全,请及时绑定邮箱和手机立即绑定

HTML常用标签

标签:
Html/CSS

今天对HTML的常用标签做一个归纳总结,希望以后能常常在其中更新,让自己的知识变得越来越系统。

标签简单介绍

页面布局标签

header 作为一个页面的头部
nav 导航条
section 章节,可以使用在主要内容的中间,加上class更好食用
article 文章
figure 与下面一个标签一起使用,独立于主题
figcaption 与上面一个标签一起使用,解释说明某些东西
aside 旁边的部分,与主要内容无关
footer 页脚
div 最常用的一个标签,通常无实际上的意思,只表示分区,后面有class

文本类标签

h1~h6 对于文本的标题,有6个等级,h1为最大的标题,依次递减。
p 段落
span 第二个最常用的标签,要对文本中某些字段添加样式时使用
strong 重点,这个标签会让内部文字加粗
em 强调,也会加粗,偏向于语义上的强调

表格标签

ul 无序列表子元素只能是li
ol 有序列表子元素只能是li
li  列表的子元素
dl 用于说明某些概念与 dt, dd连用
dt 是dl的子元素,概念的名称
dd 是dl的子元素,概念的说明

图片、链接、音频、视频

img/canvas 添加图片时使用
a 最常用的标签之一,可以转向另外一个链接页面
video 添加视频文件的时候使用
audio 添加音频文件的时候使用

表单(当需要提交数据时使用)

form 表单标签
input 输入框,具体类型需要设置其type
selection 下拉菜单,与option连用,属性含multiple时为多选
option 选择项
textarea 多行文本输入框,其属性value值无效。

表格

table 表格
thead 表头
tbody 表内
tfoot 表尾部
tr 表格列
td 表内数据
ps:现在使用table的人并不多,多数时候这种用法局限性颇多,常用div+css替换

a标签详细介绍2018-10-6

  • a的定义:超文本链接

  • a标签有浏览器默认样式,在css中默认样式有下划线,未点击时为蓝色,点击后为紫色,鼠标放置其上有手指样式。

  • a最重要的属性是href,用于指向另外一个页面。
    href="url"时表示指向url,跳转
    href=""时表示指向自己,会刷新页面
    href="#"时表示指向页面的顶部

  • download属性,存在时表示执行下载

  • target属性
    target="_blank"表示跳转时转向新的标签
    target="_parent"表示跳转时转向父元素窗口
    target="_self"表示跳转时转向当前窗口
    target="_top"表示跳转时转向顶级窗口
    target="xxx"表示跳转时转向frame 名字为xxx的窗口



作者:张路1806
链接:https://www.jianshu.com/p/ad992548d8cc

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消