HTML标签简单的分为两类:
一,行属性标签:
行属性标签的特点:
1.行元素在同一行展示;
2.行元素不支持设置宽高,宽高由内容撑出;
3.行元素不支持上下margin和padding的设置;
二,块属性标签:
块属性元素的特点:
1.块元素独占一行;
2.支持设置宽高;
3.支持上下margin和padding的设置;
三.块属性标签的介绍:
1. div标签:双标签,无实意,主要用于网页的布局分块设置;
2.h1-h6:标题标签:双标签,其中
h1 == 32px,
h2 == 24px,
h3 ==18px ,
h4 ==16px,
h5 == 13px,
h6 == 12px;
其中px在HTML中表示尺寸的单位;
当前主流浏览器的可识别的文字大小为12px;
3.p标签: 段落标签,双标签;主要用于文字的放入.
4.hr标签:分割线,单标签;
5.br标签:换行标签
6.sup 上角标标签 双标签
7.sub 下角标标签 双标签
8. ul 无序列表标签 块属性标签,经常与li标签嵌套使用
li列表项 块属性标签
9.ol 有序列表标签 块属性标签
10.定义列表 dl 定义列表
dt 定义项 dd 解释项;
11.adress 地址标签 用来存储地址信息 块属性标签;
12.blockquote标签 引用外界一段文字的标签 被包裹的文字居中展示 ,并且两端会留下空白区域
四.行属性标签的介绍:
1. a标签 超链接标签 双标签 ;herf: 对应的值是要跳转的网页地址;
2.
<!-- herf值:一个#能够使页面返回顶部 -->
<a href="#">返回顶部</a>
3.
某一标签置顶
a.先给某一标签设置一个id 属性
b.在a标签的herf 属性中,设置锚信息. -->
<a href="#a">锚点</a>
4.空连接的两种写法:
1.
<a href="###">空链接</a>
2.空链接的标准写法:
<a href="javascript:void(0)">标准空链接</a>
a链接的 target 属性是否在新窗口打开网页 ,默认值_self 在当前窗口打开网页;_blank在新窗口打开网页
<a targrt="_blank" href="http://www.weibo.com">微博</a>
5.span 行属性标签,无实意,用来标记网页中某一部分内容,做单独处理时使用;
6.i标签和em 标签表示倾斜 双标签 strong 标签 加粗 双标签 均为行属性标签
下面举例:
<i>日照香炉生紫烟</i>
<em>竹青坏水色</em>
<strong>郎亦坏人心</strong>
7.img标签 单标签
作用:显示图片
src:属性值是图片的路径
路径分为三种:
1.网络路径(不要丢掉http://)
2.绝对路径
3.相对路径(开发中最常用)
alt:图片的替换文本
作用一:当根据路径找不到该图片时,作为替换文本出现,主要不同的浏览器显示形式不一样.
作用二:通过alt 可以让搜索引擎知道该图片的内容是什么,因为搜索引擎无法根据图片识别当前图片显示的内容.
html常用标签介绍完毕,下一节将为大家介绍CSS的相关样式和书写方法.