html块元素与内联元素

大多数 HTML 元素被定义为块级元素或内联元素。

编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。

HTML 块元素

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:

<h1> ~ <h6> 标题

<hr/>  水平分割线

<p>...</p>  段落

<pre>...</pre>  预格式化

<blockquote>...</blockquote>  段落缩进   前后5个字符

<marquee>...</marquee>  滚动文本

<ul>...</ul>  无序列表

扫描二维码关注公众号,回复: 3954994 查看本文章

<ol>...</ol>  有序列表

<dl>...</dl>  定义列表

<table>...</table>  表格及以下所有子元素

<section>...</section>  定义 section

<form>...</form>  表单

<div>...</div>

HTML 内联元素

内联元素在显示时通常不会以新行开始。

例子:

<a>...</a>  超级链接

<b>...</b>  定义粗体字

<i>...</i>  斜体

<em>...</em>  强调文本

<br/>  换行

<button>...</button>  按钮

<abbr>...</abbr>  定义缩写

<img />  图像

<input/>  输入框

<label>...</label>  input 元素的标注

<code>...</code>  计算机代码文本

<mark>...</mark>  记号的文本

<select>...<.select>  选择列表(下拉列表)

<span>...</span>  文档中的节

<textarea>...</textarea>  文本域

<video>...<video>  视频

猜你喜欢

转载自www.cnblogs.com/zinne/p/9914476.html