blog-html之元素
html是一种超文本标记语言,是制作网页过程中不可缺少的语言。在学习html的过程中,我们听得最多的一个词就是标签,每一个标签对应一个元素,而元素又分为块元素、行内元素及功能元素。
块元素:通俗说是一个盒子,是作为一个页面框架或者容器的存在。
它在网页中是默认独占一行空间存在的,当然也可用css使它们并行在一行。
HTML中的块元素包括
-
div 俗称盒子
-
h1~h6 标题
-
html、body
-
ul、li 无序列表
-
ol、li 有序列表
-
dl、dt、dd 有序列表
H5新增的块元素(语义化标签)
-
header 头部
-
nav 导航栏
-
article 主体
-
section 部分
-
footer 脚部
-
aside 侧边栏
行内元素:与块元素不同的是行内元素是用来点缀网页的,不能作为框架使用。
行内元素的最大特性是可以与其他行内元素共享一行空间。且行内元素中不可以嵌套块元素,但块元素中可以嵌套行内元素
HTML中的行内元素包括:
-
span 最高级的行内标签
-
a
[属性]href 相对路径 当前目录下 ./ 上一级目录 ../ 锚点用法 <div id="abc"></div> <a href="#abc">111</a> 点击a标签页面下滑或者上滑到指定id的div [属性]target _self 默认在当前页面跳转 _blank 跳转到另一个新的页面
-
img
[属性]src 图片地址 url 相对路径 绝对路径 base64格式的数据 [属性]alt 图片找不到的时候文本替换
-
strong 字体加粗
-
b 字体加粗
-
em 强调
-
i 斜体
-
sub 下标
-
sup 上标
-
del 删除线