html标签分类及常用标签
2018-01-28 11:52
302 查看
html标签
html标签HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。标签不会出现在页面中,只有标签中的内容才会显示在页面上 :也就是
<html>此处为内容</html>
标签不区分大小写,但是推荐使用小写 :(X)HTML 版本中强制使用小写,这样更加严谨
标签分为闭合标签和空标签 :闭合标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,例如:
<html></html>、<p></p>;空标签是没有内容的标签,在开始标签中自动闭合,例如:
<img />、<br />、<hr />等
html标签分类
html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念。
块级元素
块级元素是指本身属性为display:block;的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。
块级元素的特点:
独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布可以直接控制宽度、高度以及盒子模型的相关css属性
在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下,块级元素的高度是它本身内容的高度
常用的块级元素
标签 | 描述 |
---|---|
div | 常用块级容器,也是css layout的主要标签 |
h1 | 大标题 |
h2 | 副标题 |
h3 | 三级标题 |
h4 | 四级标题 |
h5 | 五级标题 |
h6 | 六级标题 |
hr | 水平分隔线 |
menu | 菜单列表 |
ol | 有序列表 |
ul | 无序列表 |
li | 列表项 |
dl | 定义列表 |
dt | 定义术语 |
dd | 定义描述 |
table | 表格 |
p | 段落 |
form | 交互表单 |
内联元素
内联元素是指本身属性为display:inline;的元素。因为它自身的特点,我们通常使用块级元素来进行文字、小图标(小结构)的搭建。
内联元素的特点:
和其他内联元素从左到右在一行显示不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的
内联元素的宽高是由本身内容的大小决定(文字、图片等)
内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)
常用的内联元素
标签 | 描述 |
---|---|
span | 常用内联容器,定义文本内区块 |
a | 锚点 |
b | 加粗 |
strong | 加粗强调 |
i | 斜体 |
em | 斜体强调 |
s | 中划线(不推荐使用) |
strike | 中划线 |
del | 文档中已被删除的文本 |
br | 强制换行 |
u | 下划线 |
textarea | 多行文本输入框 |
input | 输入框 |
select | 下拉列表 |
label | input 元素定义标注(标记) |
img | 引入图片 |
sub | 下标 |
sup | 上标 |
big | 大字体文本 |
small | 小字体文本 |
9c4b
相关文章推荐
- html标签分类以及常用标签 WEB初级编程人员必须掌握
- [html5入门-17]html常用标签分类
- HTML5学习_day02(4)--html常用标签分类
- html常用标签分类
- HTML——常用标签元素分类
- HTML新人基础学习1.2—HTML的常用的标签语法
- HTML学习之HTML常用标签(一)
- HTML常用标签
- 一些常用的HTML标签
- 不常用的html 标签
- HTML 5 学习笔记之 常用标签简介
- Html中块级标签和行级标签的分类和使用
- HTML常用标签含义及对应中英文
- html_常用标签
- html标签类型分类
- css下html中常见标签元素三种分类
- HTML各种常用标签
- HTML常用标签及属性
- web前端之HTML常用标签,元素,属性
- html基础+常用标签