html移动标签6,6、基础HTML标签

基础HTML标签

常见标签特性

语义：标签的含义

权重：标签被考虑的优先级

双标签

语义：网页标题

权重：最大 即搜索引擎搜索时优先考虑

语义：无意义

默认样式：无

~

双标签

语义：标题

默认样式(以h1为例)

font-size:2em font-weight:bold margin

权重：h1 > h2 > h3 > h4 > h5 > h6

h1页面中最好不要超过一个

h2页面中最好不要超过12个

h3之后的h标签随意

语义：段落

默认样式：margin

p标签在嵌套时不要包含块元素的标签

语义：无序列表

默认样式：margin padding-left list-style-type

双标签

语义：列表项 默认样式：list-style-type

ul，ol和li时组合标签，ul，ol的第一层子级一定是li，li的父级一定是ul或ol；

双标签

语义：有序列表

默认样式：margin padding-left list-style-type

语义：自定义列表 字典标签

三层组合标签

列表标题

列表说明

dl默认样式margin

dt默认样式 无

dd默认样式margin-left

块属性标签:(eg.

特性:

默认是父级100%的宽度(即继承父级的宽度 width)

支持所有css样式

独占一行(下面兄弟级的块会直接被挤到下一行)

内联属性的标签：

内联标签：

特性：

1.同属性的标签排在同一排；

2.内容撑开宽度；

3.不支持宽高，不支持上下的padding和margin；

4.代码换行被解析(间距大小取决于父级的font-size的大小)；

span标签

写法：

双标签

语义：无语义

默认样式：无

strong标签

写法：

双标签

语义：强调

默认样式：font-weight

权重比较高(比span等标签高)

em标签

写法：

双标签

语义：强调

默认样式：font-style

权重比较高

a标签

写法：XXXXX

双标签

语义：超链接

默认样式：color

text-decoration

curosr

温馨提示：

href属性中：

1.如果要链接到一个网站地址的话，一定要加http

2.#代表链接到当前页

target属性中：

_self 默认值 在当前窗口打开

_blank 在新的窗口打开

内联块级标签：

特性：

1.同属性的标签排在同一排；

2.内容撑开宽度；

3.支持宽高等所有CSS样式；

4.代码换行被解析(间距大小取决于父级的font-size的大小)；

img标签

写法：

单标签

语义：图片

默认样式：低版本浏览器中与默认边框

温馨提示：

1.路径地址一定要正确

2.alt属性一定要写

标签类型的转换：

display

显示为无:display:none;(效果类似隐藏，但是不占页面空间)

块属性：display:block;(转换后具有块标签的特性，不再具有内联标签的属性)

内联属性

内联：display:inline;(转换后具有内联标签的特性，不再具有块标签的属性)

内联块：display:inline-block;