HTML中的相关标签

html-css06

HTML中的相关标签,第1张

一谈起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标签,head标签,title标签,body标签格式,还有包含如下常用的标签

块级标签(独占一行)

1.<h>标题标签

2.<p>段落标签

属性:align水平对齐

3.列表标签

无序列表<ul>,<li>

有序列表<ol>,<li>

定义列表<dl>,<dt>

4.<div>盒子

5.<form>标签

行内标签(可多个标签存在一行中)

1.<span>文本标签

2.<a>链接标签

3.<b>标签

4.<em>斜体标签

5.文本修饰标签

<i>斜体标签

行内块标签(可以对宽高属性值生效,多个标签可以共存一行中)

1.img

2.input

3.textarea

1、在HTML基础中,单标签就是由一个标签组成的。例如<br>、<hr>、<img>、<input>、<param>、<meta>、<link>。

2、而双标签则是由“开始标签”和“结束标签”两部分构成(这两部分是相同的)。例如<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>(双标签的一部分)。

据了解,HTML标签是HTML语言中最基本的单位,同时HTML标签还是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

扩展资料

HTML基础标签基于特性的分类

在HTML基础中,标签又被称为元素,根据标签特性可以分为块标签、行内(内联)标签和行内块标签。

1、块标签:默认情况下独占一行,宽度为父级的100%;支持设置宽高;支持上下左右的margin、padding值。

2、行内标签:与其他元素并列在一行;不支持设置宽高,宽度随内容撑开;支持左右方向的margin、padding。

3、行内块标签:与其他元素并列在一行;支持设置宽高;支持上下左右的margin、padding值。

参考资料:百度百科-html标签