HTML常见标签

#HTML常见标签| 来源: 网络整理| 查看: 265

HTML常见标签一、标签的作用二、常见标签一、块标签二、行标签三、行块标签

一、标签的作用

HTML中的标签用于将内容展示在网页中。分为三大类：块标签，行标签以及行块标签。

二、常见标签一、块标签

1.常见块标签有div无语意标签,h1~h6标题标签，p 段落标签, ul无序列表，ol 有序列表, li 列表项标签，语意化标签 article，section，aside,nav，header，footer 2.块标签的特点：独占一行，默认宽度占满父级，高度为0，子级内容撑开高度

111 222 333 444 555 666

h1~h6l六个标签效果 h1~h6 ,字体逐渐变小，其中h1一般只用一次，h2最多八次，h1~h3它们具有搜索引擎权重

段落标签

在这里插入图片描述注意：p标签里的内容虽然有好多空格，但浏览器只显示一个

这里是 csdn

在这里插入图片描述

床前明月光疑是地上霜举头望明月低头思故乡锄禾日当午汗滴禾下土谁知盘中餐粒粒皆辛苦

在这里插入图片描述

二、行标签

行标签一般有span标签,a标签（超链接），i标签（倾斜），b标签（加粗），sub标签（下标），sup标签（上标），em标签（加强加粗），strong标签（加强倾斜）行标签特点：

同排序跟显示，遇到父级边界换行不支持宽高，内容撑开宽高不支持上下外边距不正常显示上下内边距换行被解析 CSDN 无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意无语意 CSDN 倾斜加粗加强倾斜加强加粗 O2 63

在这里插入图片描述

三、行块标签

用img标签来代表行块标签进行解释。 img标签有以下四个属性

src：资源路径title：鼠标悬停时的提示文本alt：图片不能正常显示的提示文本特点：只给宽度或者高度，会等比例变化行块标签的特点：同排序跟显示，遇到父级边界换行没有宽高的时候内容撑开宽高换行被解析 img { width: 200px; }

在这里插入图片描述

【本文地址】

HTML常见标签

HTML常见标签

今日新闻

推荐新闻