位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > HTML > 問(wèn)題詳情

3.3塊級(jí)與行內(nèi)元素 HTML

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-06

塊級(jí)元素在瀏覽器中顯示時(shí)，就好像在它的首尾都有一個(gè)換行符。例如<p>、<h1>-<h6>、<pre>、<address>、<header>、<nav>和<footer>等都是塊級(jí)元素，它們都在新的一行開始顯示內(nèi)容，并且這些元素之后的內(nèi)容也會(huì)另起一個(gè)新行。

行內(nèi)元素可以出現(xiàn)在某一行句子中而不必新起一行，例如<b>、<i>、<em>、<strong>、<sup>、<sub>、<small>、<ins>、<del>和<cite>等都是行內(nèi)元素。

本例中<header>、<h1>、<h2>、<p>和<address>是塊級(jí)元素，其前后都有換行；而<b>、<i>和<strong>（行內(nèi)粗體、斜體顯示的文本）是行內(nèi)元素，并沒(méi)有另起一行放置。

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>塊級(jí)元素和行內(nèi)元素</title>

</head>

<body>

<header>

    <h1>招聘啟事</h1>

</header>

<h2>崗位職責(zé)描述</h2>

<p>

    招聘2名網(wǎng)頁(yè)設(shè)計(jì)師：<br/>

    1.男女不限，<b>大專以上學(xué)歷</b>，熟練使用Dreamweaver等設(shè)計(jì)軟件。<br/>

    2.熟練使用HTML、DIV+CSS、PHP程序語(yǔ)言。<br/>

    3.責(zé)任心強(qiáng)，工作態(tài)度端正，工作認(rèn)真負(fù)責(zé)，有良好的服務(wù)意識(shí)！<br/>

    4.能獨(dú)立完成交待的設(shè)計(jì)任務(wù)。<br/>

    5.直接與客戶溝通，根據(jù)客戶的修改要求組織修改設(shè)計(jì)方案；<br/>

    6.不限專業(yè)，<i>更注重個(gè)人能力！<i>待遇面議，有意者請(qǐng)帶上<strong>個(gè)人作品</strong>前來(lái)面試。

</p>

<h2>聯(lián)系方式</h2>

<p>

    聯(lián)系人：張先生<br/>

    電話：012345678<br/>

    <address>地址：長(zhǎng)沙市雨花區(qū)</address>

</p>

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部