资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/HTML的元素类型

HTML的元素类型

lylwyy2016 / 1696人阅读

摘要：中标签元素有块级元素和内联元素。文章拥有者的联系信息文章内容语义化标签，在元素之外使用作为页面或站点全局的附属信息部分。

HTML中标签元素有块级元素和内联元素。

一、块级元素

 独占一行，默认情况下宽度自动填满其父级元素宽度，可设置其margin，padding，width，height。

eg：
address 文章拥有者的联系信息
article 文章内容
aside 语义化标签，在

元素之外使用作为页面或站点全局的附属信息部分。
blockquote 引用于别处的内容
dl dt dd 描述列表。常用于实现词汇表或显示元数据（键值对列表）
div 文档分割线
fieldset 将相关元素分组并在周围绘制边框
figcaption 为
元素定义标题
figure 定义独立的文档流
foot 文档底部
form 表单
h1-h6 标题
header 页眉
hgroup 对标题进行组合
hr 分割线
li 列表项目
nav 内容导航栏
noscript 如果浏览器不支持脚本语言时显示的内容
ol 有序列表
output 定义form是输出
p 段落
pre 定义预格式化内容
section 页眉区域
table 表格
tfoot 表格尾部
ul 无序列表
video 视频

二、内联元素

 不会独占一行，相邻的内联元素会排在同一行，其宽度随内容变化而变化。只可设置其水平方向的margin，padding。

eg：
a 超链接
abbr 长单词或短语的缩写
b 字体加粗
bdo 文本方向
big 比周围字号大一号
button 按钮
br 换行符
cite 引用的文档
code 源码文本
del 删除线，定义替换的或者删除的文本，
em 斜体
font 定义文本的字体、字体尺寸、字体颜色
label 文本标签，可利用 for 属性，绑定其他元素使鼠标点击该标签时，被绑定元素获得焦点
ins 有下划线，定义文档中更新和修正的部分
img 展示 HTML 页面中的图像
input 在

元素中使用，用来声明允许用户输入数据的控件
kbd 文字从键盘录入
map 客户端的图形映射
object 一个嵌入的对象
q 引用文字
s 删除线，对那些不正确、不准确或者没有用的文本进行标识
script 脚本
select 下拉选择组件
small 比周围字号小一号
span 组合其他内联元素
strong 重要文字，界面显示效果是加粗（在盲文阅读设备中，会重点读）
sup 上标文本
time 标记时间，html5新标签
tt 告诉浏览器，字体等宽
textarea 文本区域
u 实现下划线样式
var 变量

超融合服务器 私有云 html 元素类型 html新增的元素 删除html中的元素 html块元素的特点

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54234.html

相关文章

  • html学习一

    摘要：列表的列表有有序列表和无序列表无序列表有序列表块元素大多数元素被定义为块级元素或内联元素。例子内联元素在显示时通常不会以新行开始。元素元素是内联元素，可用作文本的容器。当与一同使用时，元素可用于为部分文本设置样式属性。 简介 标题 段落 什么是HTML？ HTML 是用来描述网页的一种语言： HTML 指的是超文...

    xorpay 评论0 收藏0

  • [译]HTML&CSS Lesson1: 构建第一张页面

    摘要：元素是使用小于号和大于号包裹元素名来标示。一个结束标签表示元素的结束它由小于号元素名组成例如。和嵌套在内，它们页面中都是可视的。使用选择器类型选择器类型选择器也叫作元素选择器根据元素类型选择元素。 可以的话，请想象一下互联网没有发明之前的日子。网站还不存在，纸质的书本是我们主要的信息来源，而在书本中查询我们想要的资料会耗费相当多的精力和时间。 而如今，你打开个浏览器用搜索引擎搜索，任...

    X_AirDu 评论0 收藏0

  • [译]HTML&CSS Lesson1: 构建第一张页面

    摘要：元素是使用小于号和大于号包裹元素名来标示。一个结束标签表示元素的结束它由小于号元素名组成例如。和嵌套在内，它们页面中都是可视的。使用选择器类型选择器类型选择器也叫作元素选择器根据元素类型选择元素。 可以的话，请想象一下互联网没有发明之前的日子。网站还不存在，纸质的书本是我们主要的信息来源，而在书本中查询我们想要的资料会耗费相当多的精力和时间。 而如今，你打开个浏览器用搜索引擎搜索，任...

    LuDongWei 评论0 收藏0

  • JavaScript高级-unit10 DOM

    摘要：在浏览器中，对象是继承自类型的一个实例，表示整个页面。一致性检测属性提供相应信息和功能的对象，与浏览器对的实现直接对应。在中，标签名始终都以全部大写表示而在有时包括，标签名始终与源代码中的保持一致。设置的特性名统一转为小写。 简介 DOM描述了一个层次化的节点树，允许开发人员添加、移除和修改页面。 节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： ...

    kohoh_ 评论0 收藏0

  • JavaScript中DOM的层次节点（一）

    摘要：是针对和文档的一个，描绘了一个层次化的节点树，允许开发人员添加修改删除节点的一部分。类型级定义了接口，该接口由中的所有节点类型实现。添加的这些属性分别对应于每个元素中都存在的下列标准特性。 DOM是针对HTML和XML文档的一个API，描绘了一个层次化的节点树，允许开发人员添加、修改、删除节点的一部分。 DOM将HTML和XML文档描绘成一个有多个节点构成的结构，节点分为12种不同的...

    leap_frog 评论0 收藏0

发表评论

登陆后可评论

0条评论

lylwyy2016

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<