草丁图书馆

  1. 首页 > 生活百科 > >

历史地理知识|块级元素有哪些，元素的区别( 五 )

小知识



在制作网页时 ， 块级元素和行内元素分别有哪些？ 常用的无非 div、p、table、td、tr、ul、li、fieldset、legend一类 。 具体的只要你试试看就行了呗 。 块元素是天然有高度和宽度的吧？inline元素是没有高度的 ， 它高度是其内容中文字或者图片的高度
内联元素与块级元素分别有哪些 HTML 文档和 HTML 元素是通过 HTML 标签进行标记的 ， HTML 标签由开始标签和结束标签组成 ， 下面我们来看一下HTML中常用的块状标签 。

什么是块级标签？我们可以通过一个简单的方式来判定 ， 那就是在网页上单击右键选择“审查元素”,在审查元素当中显示为可折叠的就是块状标签.

1.jpg

那么常见的块状标签有哪些呢？

标题标签

<h1></h1>、<h2></h2>、<h3></h3>......以此类推 ， 其中 ， 规范的写法里<h1></h1>在一个页面当中仅出现一次 ， 也就是页面标题 。

代码如下

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
效果如下

2.jpg

段落标签

<p></p>有时候会出现没有换行的情况 ， 那么可以使用换行标签<br></br>

水平线标签

<hr></hr>

效果如下：

3.jpg

有序列表标签

就是会按照1、2、3......或者其它递进方式排列

<ol>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ol>
显示效果

4.jpg

无序列表标签

每一个列表都是一样的标示

代码如下

<ul>

<li>列表项1</li>

<li>列表项2</li>

<li>列表项3</li>

</ul>
行内元素有哪些？块级元素有哪些？空元素有那些 块元素一般都从新行开始 ， 它可以容纳内联元素和其他块元素,常见块元素是段落标签'p" 。 “form"这个块元素比较特殊 ， 它只能用来容纳其他块元素 。

块元素(block element)

* address - 地址

* blockquote - 块引用

* center - 举中对齐块

* dir - 目录列表

* div - 常用块级容易 ， 也是css layout的主要标签

* dl - 定义列表

* fieldset - form控制组

* form - 交互表单

* h1 - 大标题

* h2 - 副标题

* h3 - 3级标题

* h4 - 4级标题

* h5 - 5级标题

* h6 - 6级标题

* hr - 水平分隔线

* isindex - input prompt

* menu - 菜单列表

* noframes - frames可选内容 ， （对于不支持frame的浏览器显示此区块内容

* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

* ol - 排序表单

* p - 段落

* pre - 格式化文本

* table - 表格

* ul - 非排序列表

内联元素(inline element)

* a - 锚点

* abbr - 缩写

* acronym - 首字

* b - 粗体(不推荐)

* bdo - bidi override

* big - 大字体

* br - 换行

* cite - 引用

* code - 计算机代码(在引用源码的时候需要)

* dfn - 定义字段

* em - 强调

* font - 字体设定(不推荐)

* i - 斜体

* img - 图片

* input - 输入框

* kbd - 定义键盘文本

* label - 表格标签

* q - 短引用

* s - 中划线(不推荐)

* samp - 定义范例计算机代码

* select - 项目选择

* small - 小字体文本

* span - 常用内联容器 ， 定义文本内区块

* strike - 中划线

* strong - 粗体强调

推荐阅读


上一篇：历史地理知识|天水特产有哪些，天水市晚上去哪个巷子

下一篇：历史地理知识|深圳二甲医院有哪些，深圳宝安区二级医院有哪些