位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

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

提問人:劉團(tuán)圓發(fā)布時間:2020-11-06

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

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

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

代碼如下:

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

<header>

    <h1>招聘啟事</h1>

</header>

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

<p>

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

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

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

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

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

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

    6.不限專業(yè),<i>更注重個人能力!<i>待遇面議,有意者請帶上<strong>個人作品</strong>前來面試。

</p>

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

<p>

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

    電話:012345678<br/>

    <address>地址:長沙市雨花區(qū)</address>

</p>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案?

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