美文网首页
HTML中的相关标签

HTML中的相关标签

作者: top丶浩锅 | 来源:发表于2017-08-22 21:08 被阅读0次

一谈起html中的标签大家第一反应都是div,其实还有许许多多的语义标签。下面一一介绍:

1.<h1></h1>,<h2></h2>,<h3></h3>....<h6></h6>他们通称为标题标签,h1代表一级标题,h2代表二级标题,h3代表三级标题...他们是块级标签,无默认属性,双标签。但是他们有默认样式,他们都有margin-top,margin-bottom,它们的值不一样.有不同的font-size和font-weight。

2.<hr/>他是分割线标签,块级标签,单标签。他有默认的样式值,他有margin-top和margin-bottom值都为8px,而且还有一个border。

3.<p></p>段落标签,块级标签,双标签(注意p标签里不能嵌套块级标签)它的默认样式值是有margin-top和margin-bottom值都为16px.

4.<ol><li></li></ol>有序列表标签,ol与li是成对存在的。他是双标签,组合标签,块级标签。ol 有序列表区域 ,li 列表项。ol有默认样式值是上下的16px的margin和左padding为40px。 

5.<ul><li></li></ul>无序列表标签,ul与li是成对存在的。他是双标签,组合标签,块级标签。ul 无序列表区域 ,li 列表项。ul有默认样式值是上下的16px的margin和左padding为40px。

6.<dl><dt></dt><dd></dd></dl>字典标签,dl标签为双标签,块级标签。dl有默认样式值是上下的16px的margin。

dd也有默认样式它有margin-left为40px。

7.<a href="###" (跳转地址必须的而且不能为空) target="跳转方式 _blank 新窗口打开"></a>他是行级标签,双标签。

它有四种伪类属性分别为a:link(link状态 链接未浏览状态),a:visited(active状态 鼠标点击未松开时的状态),a:hover(hover状态 鼠标悬浮在链接上时的状态),a:visited(visited状态 链接已被访问过)。不同的时候有不同的默认样式。

8.<img src="(图片地址)" alt="(当图片加载失败时提供的信息)">他是图片标签,单标签 比如特殊,虽然为行级,但是可以设置尺寸。但他也不属于行块标签。支持宽高属性 不需要加单位 一般宽高只设置一个。

9.<strong></strong>粗体标签,双标签,行级标签。一般用于强调。它的默认样式就是font-weight。

10.<em></em>斜体标签,双标签,行级标签。一般用于强调。它的默认样式就是font-style。

11<big></big>;<small></small>双标签,行级标签.一般用于强调。它的默认样式就是font-size。注意它字体大小相对于父级字体大小变化而变化

12.<sub></sub>,<sup></sup>,<del></del>分别表示文字下标,文字上标,和删除文字。

相关文章

  • HTML中的相关标签

    一谈起html中的标签大家第一反应都是div,其实还有许许多多的语义标签。下面一一介绍: 1. , , .....

  • Html常用标签介绍

    在前端开发工作中,常用的html标签有: 1.文档元数据标签 标签:表示那些不能由其它Html院相关标签( , ,...

  • html a标签相关

    1

  • Day12:H5

    掌握HTML+CSS+JavaScript相关知识 了解HTML5的结构标签;掌握新增和删去的标签及相关属性运用H...

  • 全部 html + 相关 css 汇总

    以下是常用html+相关css全部汇总: # 01html标签 ``` html标签 是组成网页的骨架 区域划分作...

  • 八、H5中对音视频的设计

    html5标签 video标签的属性 audio标签的属性 音视频js相关属性 音视频js相关函数 js相关事件

  • html表单

    html5 中的标签 其他标签 html中的属性

  • html+css技术问题

    技术相关问题 标签(空格分隔): html+css 1.html4中的标题标签用什么表示?答:h1、h2、h3、h...

  • 《HTML入门笔记1》

    这节课正式入门了HTML的相关知识,本篇博客将总结HTML是谁发明的、起手式、表章节标签、全局属性、内容标签的相关...

  • CSS选择器

    标签选择器(html中的标签名称) id选择器(html标签中绑定的id名) 类选择器(html标签中绑定的cla...

网友评论

      本文标题:HTML中的相关标签

      本文链接:https://www.haomeiwen.com/subject/qdxrdxtx.html