html 里面的行级标签有哪些

html 里面的行级标签有哪些,第1张

块级元素占一行,不论内容多少只要是有2个这样的元素就会换行,行内元素内容少时不会换行。这是个重要区别。

块级元素(block

element)

div

-最常用的块级元素

dl

-

和dt

dd搭配使用的块级元素

form

-

交互表单

h1

-

大标题

hr

-

水平分隔线

ol

-

排序表单

p

-

段落

ul

-

非排序列表

内联元素(inline

element)

a

-

锚点

b

-

粗体(不推荐)

br

-

换行

em

-

强调

font

-

字体设定(不推荐)

i

-

斜体

img

-

图片

input

-

输入框

label

-

表格标签

select

-

项目选择

small

-

小字体文本

span

-

常用内联容器,定义文本内区块

strike

-

中划线

strong

-

粗体强调

sub

-

下标

sup

-

上标

textarea

-

多行文本输入框

tt

-

电传文本

u

-

下划线

一谈起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>分别表示文字下标,文字上标,和删除文字。

行内元素列表:

<a>标签可定义锚

<abbr>表示一个缩写形式

<acronym>定义只取首字母缩写

<b>字体加粗

<bdo>可覆盖默认的文本方向

<big>大号字体加粗

<br>换行

<cite>引用进行定义

<code>定义计算机代码文本

<dfn>定义一个定义项目

<em>定义为强调的内容

<i>斜体文本效果

<img>向网页中嵌入一幅图像

<input>输入框

<kbd>定义键盘文本

<label>标签为

<input>元素定义标注(标记)

<q>定义短的引用

<samp>定义样本文本

<select>创建单选或多选菜单

<small>呈现小号字体效果

<span>组合文档中的行内元素

<strong>语气更强的强调的内容

<sub>定义下标文本

<sup>定义上标文本

<textarea>多行的文本输入控件

<tt>打字机或者等宽的文本效果

<var>定义变量

块级元素列表:

<address>定义地址

<caption>定义表格标题

<dd>定义列表中定义条目

<div>定义文档中的分区或节

<dl>定义列表

<dt>定义列表中的项目

<fieldset>定义一个框架集

<form>创建 HTML 表单

<h1>定义最大的标题

<h2>定义副标题

<h3>定义标题

<h4>定义标题

<h5>定义标题

<h6>定义最小的标题

<hr>创建一条水平线

<legend>元素为

<fieldset>元素定义标题

<li>标签定义列表项目

<noframes>为那些不支持框架的浏览器显示文本,于 frameset 元素内部

<noscript>定义在脚本未被执行时的替代内容

<ol>定义有序列表

<ul>定义无序列表

<p>标签定义段落

<pre>定义预格式化的文本

<table>标签定义 HTML 表格

<tbody>标签表格主体(正文)

<td>表格中的标准单元格

<tfoot>定义表格的页脚(脚注或表注)

<th>定义表头单元格

<thead>标签定义表格的表头

<tr>定义表格中的行

扩展资料:

一,从概念的角度解释块级元素和行内元素

1. 块级元素,一般都是从新行开始,它可以容纳行内元素和其他块元素,常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素

2. 行内元素:也叫做内联元素,一般都是语义级别的基本元素,内联元素已办只能容纳文本或者其他内联元素。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都是从新行开始的。

而当加了css控制以后,块元素可以变为内联元素,内联元素也可以变为块元素。

二,块级元素和内联元素的区别

1. 块级元素会独占一行,其宽度自动填满其父元素宽度

行内元素不会独占一行,相邻的行内元素会排列到同一行里,直到一行排不下,才会换行,其宽度随元素的内容变化而变化,

2. 一般情况下,块级元素可以设置width,height属性,行内元素设置width,height无效

(注意,块级元素设置了width宽度属性后仍然是独占一行的)

3. 块级元素可以设置margin,padding属性

行内元素的水平方向的padding-left和padding-right都会产生边距效果,但是竖直方向上的padding-top和padding-bottom都不会产生边距效果


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6999959.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存