塊級(jí)標(biāo)簽：(block)

1、獨(dú)占一行，不和其他元素待在同一行，寬度自動(dòng)填滿父元素寬度

2、能設(shè)置weight(寬)、height(高)屬性

3、可以設(shè)置margin，padding屬性

常見的塊級(jí)標(biāo)簽：

<address>，定義地址

<caption>，定義表格標(biāo)題

<div>，定義文檔中的分區(qū)或節(jié)

<dl>，定義列表

<dt>，定義列表中的項(xiàng)目、

<fieldset>，定義一個(gè)框架集

<form>，創(chuàng)建HTML表單

?

<h1>，定義最大的標(biāo)題

<h2>，定義副標(biāo)題

<h3>，定義標(biāo)題

<h4>，定義標(biāo)題

<h5>，定義標(biāo)題

<h6>，定義最小的標(biāo)題

<hr>，創(chuàng)建一條水平線

<legend>元素為<fieldset>標(biāo)簽定義標(biāo)題

<li>，標(biāo)簽定義列表項(xiàng)目

<noframes>，為那些不支持框架的瀏覽器顯示文本，于<frameset>元素內(nèi)部

<noscript>，定義在腳本未被執(zhí)行時(shí)的替代內(nèi)容

<ol>，定義有序列表

<ul>，定義無序列表

<p>，標(biāo)簽定義段落

<pre>，定義預(yù)格式化的文本

<table>，定義HTML表格

<tbody>，定義表格主體(正文)

<td>，表格中的標(biāo)準(zhǔn)單元格

<tfoot>，定義表格的頁腳(腳注或表注)

<th>，定義表頭單元格

<thead>，標(biāo)簽定義表格的表頭

<tr>，定義表格中的行

列表(ul,ol,li)，盒子(div)，段落(p)，

表單(form),

表格(table,tr,td)，水平線(<hr>)

?

行級(jí)標(biāo)簽：(inline)

1、能和其他元素待在同一行

2、不能設(shè)置寬高

3、行內(nèi)元素的水平方向的padding-left和padding-right都會(huì)產(chǎn)生邊距效果，但是豎直方向上的padding-top和padding-bottom都不會(huì)產(chǎn)生邊距效果

常見的行級(jí)標(biāo)簽：

<a>，超鏈接，

<abbr>，表示一個(gè)縮寫形式

<acronym>，定義只取首字母縮寫

<strong>/<b>，字體加粗

<em>,定義為強(qiáng)調(diào)的內(nèi)容

<i>，斜體文本效果

<u>，下劃線

<del>，刪除線

<bdo>，可覆蓋默認(rèn)的文本方向

<big>，大號(hào)字體加粗

<br>，換行

<cite>，引用進(jìn)行定義

<code>，定義計(jì)算機(jī)代碼文本

<dfn>，定義了一個(gè)定義項(xiàng)目

<img>，向網(wǎng)頁中嵌入一幅圖像

<input>，輸入框

<kbd>，定義鍵盤文本

<label>，標(biāo)簽為<input>元素定義標(biāo)注(標(biāo)記)

<q>，定義短的引用

<samp>，定義樣本文本

<select>創(chuàng)建單選或多選菜單

<small>，呈現(xiàn)小號(hào)字體效果

<span>，組合文檔中的行內(nèi)元素

<sub>，定義下標(biāo)文本

<sup>，定義上標(biāo)文本

<textarea>，多行的文本輸入控件(文本域)

<tt>，打字機(jī)或者等寬的文本效果

<var>，定義變量

行內(nèi)塊標(biāo)簽：(inline-block)

1、能和其他元素待在一行

2、能設(shè)置寬高

常見的行內(nèi)塊標(biāo)簽：

圖片(<img>)，輸入(<input>)，文本域(<textarea>)

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的前端学习（142）：行级标签和块级标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。