時(shí)間:2023-09-30 22:18:01 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-09-30 22:18:01 來源:網(wǎng)站運(yùn)營
輕松學(xué):網(wǎng)頁設(shè)計(jì)6-html網(wǎng)頁的結(jié)構(gòu)元素、布局和屬性:在一個(gè)網(wǎng)頁中文字往往占有較大的篇幅,為了讓文字能夠排版整齊、結(jié)構(gòu)清晰,HTML提供了一系列的文本控制標(biāo)記。<!DOCTYPE html ><html><head> <!-- head是頁面的頭部元素 --> <meta charset= "utf-8" /><title>無標(biāo)題文檔</title> <!-- title是頁面的標(biāo)題 --> </head><body> <!-- body主體 --> <h1>這是標(biāo)題一:段落</h1> <!-- 標(biāo)題一 --> <p>這是段落,段落文本</p><hr/> <!-- 這是分割線 --> <h2>這是標(biāo)題二:無序列表</h2><ul> <!-- 每對(duì)<ul></ul>中至少應(yīng)包含一對(duì)<li></li>。 --> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> ......</ul><h3>這是標(biāo)題三:有序列表</h3><ol> <!-- 每對(duì)<ol></ol>中至少應(yīng)包含一對(duì)<li></li>。 --> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li> ......</ol><h4>這是標(biāo)題四:這是定義列表</h4><dl> <!-- <dl>標(biāo)記用于指定定義列表。 </dl> --> <dt>名詞1</dt> <!-- <dt></dt>標(biāo)記用于指定術(shù)語名詞 --> <dd>名詞1解釋1</dd> <!-- <dd></dd>標(biāo)記用于對(duì)名詞進(jìn)行解釋和描述 --> <dd>名詞1解釋2</dd> <dt>名詞2</dt> <dd>名詞2解釋1</dd> <dd>名詞2解釋2</dd> <!--定義列表常用于圖文混排,其中<dt></dt>標(biāo)記中插入圖片,<dd></dd>標(biāo)記中放入對(duì)圖片解釋說明的文字。 --></dl><h5>這是標(biāo)題五</h5><h6>這是標(biāo)題六</h6></body></html>
HTML5中所有的元素都是有結(jié)構(gòu)性的,且這些元素的作用與塊元素非常相似。<header> <h1>網(wǎng)頁主題</h1></header>
2.nav元素用于定義導(dǎo)航鏈接,是HTML5新增的元素,該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個(gè)區(qū)域中,使頁面元素的語義更加明確。<nav> <ul> <li><a href="#">首頁</li> <li><a href="#">公司概況</li> <li><a href="#">產(chǎn)品展示</li> <li><a href="#">聯(lián)系我們</li> </ul></nav>
3.article元素代表文檔、頁面或者應(yīng)用程序中與上下文不相關(guān)的獨(dú)立部分,該元素經(jīng)常被用于定義一篇日志、一條新聞或用戶評(píng)論等。<article> 文章內(nèi)容 <footer> 文章分頁列表 </footer></article><footer> 頁面底部</footer>
*其他元素 ——分組元素用于對(duì)頁面中的內(nèi)容進(jìn)行分組。HTML5中涉及到3個(gè)與分組有關(guān)的元素,分別是figure元素、figcaption元素和hgroup元素。關(guān)鍵詞:布局,屬性,結(jié)構(gòu),設(shè)計(jì)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。