輕松學(xué)：網(wǎng)頁(yè)設(shè)計(jì)4-html網(wǎng)頁(yè)的元素類型

時(shí)間：2023-10-01 08:54:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-01 08:54:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

輕松學(xué)：網(wǎng)頁(yè)設(shè)計(jì)4-html網(wǎng)頁(yè)的元素類型：img標(biāo)記語(yǔ)法中src屬性用于指定圖像文件的路徑和文件名，它是img標(biāo)記的必需屬性。圖像標(biāo)記—<img />的屬性如下表所示：

img標(biāo)記語(yǔ)法中src屬性用于指定圖像文件的路徑和文件名，它是img標(biāo)記的必需屬性。圖像標(biāo)記—<img />的屬性如下表所示：

HTML標(biāo)記語(yǔ)言提供了豐富的標(biāo)記，用于組織頁(yè)面結(jié)構(gòu)。為了使頁(yè)面結(jié)構(gòu)的組織更加輕松、合理、HTML標(biāo)記被定義成了不同的類型，標(biāo)記在默認(rèn)狀態(tài)下?lián)碛幸欢ǖ娘@示模式，那么如何將元素的類型在顯示模式之間進(jìn)行轉(zhuǎn)換？

其中<div>標(biāo)簽是最典型的塊元素。

<span>標(biāo)記：和<div>標(biāo)簽不同的是，<span>是行內(nèi)元素，僅作為只能包含文本和各種行內(nèi)標(biāo)簽的容器，如加粗標(biāo)簽<strong>、傾斜標(biāo)簽<em>等。

HTML可以將元素分類方式分為行內(nèi)元素、塊狀元素和行內(nèi)塊狀元素三種。一般情況下，行內(nèi)元素只能包含數(shù)據(jù)和其他行內(nèi)元素，而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素，這種結(jié)構(gòu)上的包含繼承區(qū)別可以使塊級(jí)元素創(chuàng)建比行內(nèi)元素更”大型“的結(jié)構(gòu)。

如果希望行內(nèi)元素具有塊元素的某些特性，例如可以設(shè)置寬高。或者需要塊元素具有塊元素的某些特性，例如不獨(dú)占一行排列，可以使用使用display屬性能夠?qū)⑿袃?nèi)元素、塊狀元素和行內(nèi)塊狀元素三者任意轉(zhuǎn)換。

行內(nèi)元素（inline-level，也叫作“內(nèi)聯(lián)”元素）與塊級(jí)元素相反，在默認(rèn)顯示狀態(tài)下，允許下一個(gè)對(duì)象與它本身在一行中顯示。

換行標(biāo)記<br />，在HTML中，一個(gè)段落中的文字會(huì)從左到右依次排列，直到瀏覽器窗口的右端，然后自動(dòng)換行。如果希望某段文本強(qiáng)制換行顯示，就需要使用換行標(biāo)記<br />。這時(shí)如果還像在word中直接敲回車鍵換行就不起作用了。

img標(biāo)記語(yǔ)法中src屬性用于指定圖像文件的路徑和文件名，它是img標(biāo)記的必需屬性。圖像標(biāo)記—<img />的屬性如下表所示：

絕對(duì)路徑和相對(duì)路徑

實(shí)際工作中，通常新建一個(gè)文件夾專門(mén)用于存放圖像文件，路徑——這時(shí)再插入圖像，就需要采用“路徑”的方式來(lái)指定圖像文件的位置。通過(guò)設(shè)置“路徑”來(lái)幫助瀏覽器找到圖像文件。

絕對(duì)路徑：絕對(duì)路徑一般是指帶有盤(pán)符的路徑，

例如“D:/wz2019/模塊2/images/alpha.jpg”，或完整的網(wǎng)絡(luò)地址，例如“404 Not Found

相對(duì)路徑不帶有盤(pán)符，通常是以HTML網(wǎng)頁(yè)文件為起點(diǎn)，通過(guò)層級(jí)關(guān)系描述目標(biāo)圖像的位置。

a元素創(chuàng)建超鏈接，即從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面

基本語(yǔ)法格式:<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>

暫時(shí)沒(méi)有確定鏈接目標(biāo)時(shí)，通常將<a>標(biāo)記的href屬性值定義為“#”(即href="#")，表示該鏈接暫時(shí)為一個(gè)空鏈接。




瀏覽網(wǎng)頁(yè)時(shí)就需要不斷地拖動(dòng)滾動(dòng)條，來(lái)查看所需要的內(nèi)容。