码迷,mamicode.com
首页 > Web开发 > 详细

html块元素与内联元素

时间:2018-11-06 13:28:26      阅读:308      评论:0      收藏:0      [点我收藏+]

标签:文本   textarea   换行   水平   文本域   tar   块级元素   水平分割   inpu   

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

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

HTML 块元素

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

例子:

<h1> ~ <h6> 标题

<hr/>  水平分割线

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

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

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

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

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

<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>  视频

html块元素与内联元素

标签:文本   textarea   换行   水平   文本域   tar   块级元素   水平分割   inpu   

原文地址:https://www.cnblogs.com/zinne/p/9914476.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!