整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
常用的圖像格式—GIF，PNG，JPG
圖像標(biāo)記<img />
HTML網(wǎng)頁(yè)中任何元素的實(shí)現(xiàn)都要依靠HTML標(biāo)記，要想在網(wǎng)頁(yè)中顯示圖像就需要使用圖像標(biāo)記，接下來(lái)將詳細(xì)介紹圖像標(biāo)記以及和他相關(guān)的屬性。其基本語(yǔ)法格式如下：
<img src="圖像URL" />
該語(yǔ)法中src屬性用于指定圖像文件的路徑和文件名，他是img標(biāo)記的必需屬性。
相對(duì)路徑
相對(duì)路徑不帶有盤(pán)符，通常是以HTML網(wǎng)頁(yè)文件為起點(diǎn)，通過(guò)層級(jí)關(guān)系描述目標(biāo)圖像的位置。
例如：
<img src="img/logo.gif" alt="傳智播客-專業(yè)的java培訓(xùn),.net培訓(xùn),php培訓(xùn),網(wǎng)頁(yè)培訓(xùn),平面培訓(xùn),iOS培訓(xùn)機(jī)構(gòu)" />
相對(duì)路徑設(shè)置分為以下三種：
圖像文件和html文件位于同一文件夾：只需輸入圖像文件的名稱即可，如<img src="logo.gif" />。
圖像文件位于html文件的下一級(jí)文件夾：輸入文件夾名和文件名，之間用“/”隔開(kāi)，如<img src="img/img01/logo.gif" />。
圖像文件位于html文件的上一級(jí)文件夾：在文件名之前加入“…/” ，如果是上兩級(jí)，則需要使用 “…/ …/”，以此類推，如<img src="../logo.gif" />。
絕對(duì)路徑
絕對(duì)路徑一般是指帶有盤(pán)符的路徑。
例如：
“D:\HTML+CSS網(wǎng)頁(yè)制作\chapter02\img\logo.gif”，或完整的網(wǎng)絡(luò)地址，例如“http://www.itcast.cn/images/logo.gif”。
我自己是一名從事了多年開(kāi)發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個(gè)月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。
原文鏈接：https://blog.csdn.net/dubaiqaq/article/details/103500345
.注釋標(biāo)記(<!--…-->)
語(yǔ)法： <!--注釋內(nèi)容-->
2.文件標(biāo)記(<html>…</html>)
語(yǔ)法： <html>…</html>
說(shuō)明：<html>這對(duì)標(biāo)記是HTML文件的標(biāo)記。<html>處于文件的最前面，表示HTML文件的開(kāi)始。即瀏覽器從<html>標(biāo)記開(kāi)始解釋，直到遇到</html>標(biāo)記為止。
3.文件頭標(biāo)記(<head>…</head>)
語(yǔ)法： <head>…</head>
說(shuō)明：
①由head這組標(biāo)記定義的元素中，并不放置網(wǎng)頁(yè)的任何內(nèi)容，是放置關(guān)于這份HTML文件的信息。就是說(shuō)，它并不屬于HTML文件的主體，它包含文件的標(biāo)題、編碼方式和URL等。這些信息大部分用于提供索引、辨認(rèn)或其他應(yīng)用。
②這對(duì)標(biāo)記在HTML文件中并不是必需的。如果某個(gè)HTML文件并不需要提供相關(guān)信息，則可省略<head>標(biāo)記。
4.文件標(biāo)題標(biāo)記(<title>…</title>)
語(yǔ)法： <title>文件標(biāo)題文字</title>
說(shuō)明：此標(biāo)記用于設(shè)定HTML文件的標(biāo)題名稱，它將顯示在瀏覽器的標(biāo)題欄中。
注意：<title>標(biāo)記用于<head>標(biāo)記中。但如果HTML文件中沒(méi)有使用<head>標(biāo)記，則<title>標(biāo)記仍然起作用。
5.文件主體標(biāo)記(<body>…</body>)
語(yǔ)法： <body>…</body>
說(shuō)明：
①由<body>標(biāo)記所建立的元素是HTML文件的內(nèi)容主體，也是HTML文件的重點(diǎn)所在。HTML文件中要顯示在網(wǎng)頁(yè)上的所有內(nèi)容，也都放置在這個(gè)元素中。
②<body>具有一些特殊的屬性，可以設(shè)定背景及字符顏色等。
以下HTML標(biāo)記用于格式化網(wǎng)頁(yè)上文本的外觀。這可以使網(wǎng)頁(yè)變得更加生動(dòng)，但是，文本格式的太多變化也會(huì)使人不快。
head標(biāo)記有6個(gè)級(jí)別可用，從h1用于最大和最重要的標(biāo)題，到h6是最小的標(biāo)題。
b標(biāo)記之間的文本以粗體顯示，與周圍的文本相對(duì)突出。
i標(biāo)記以一個(gè)小角度顯示文本。
u標(biāo)記在文本正文添加一條線，請(qǐng)注意，鏈接已經(jīng)有下劃線，不需要額外的標(biāo)記。
strike標(biāo)記在文本的正中間畫(huà)一條線，通常用來(lái)表示文本是舊的，不再相關(guān)，刪除。也可以用<s></s>代替。
pre標(biāo)記之間的任何文本，包括空格、回車符和標(biāo)點(diǎn)符號(hào)，都將像在文本編輯器中一樣顯示在瀏覽器中（通常瀏覽器會(huì)忽略多個(gè)空格）
code標(biāo)記之間的文本以固定寬度字體顯示，通常在顯示源代碼時(shí)使用。
tt標(biāo)記之間的文本就像是用打字機(jī)打出了一個(gè)固定寬度的文字。
blockquote標(biāo)記定義一個(gè)塊引用，并且在塊的左右添加額外的邊距。
small標(biāo)記讓你無(wú)需設(shè)置字體大小，就可以使文本呈現(xiàn)比周圍稍小的外觀。
font標(biāo)記的color屬性改變幾個(gè)字或一段文字的顏色。屬性使用十六進(jìn)制顏色代碼。
font標(biāo)記的size屬性改變字體的大小，值范圍從1到7，1是最小，7是最大。
font標(biāo)記的size屬性還可以相對(duì)于其前面的字體大小的作即時(shí)更改，此用法將按你指定的數(shù)字增減字體大小。例如：<font size="-1">一些文本</font>
font標(biāo)記的face屬性以指定的字體顯示文本，值為字體名稱，如“Helvetica”、“Arial”或“Courier”。
center標(biāo)記之間的所有內(nèi)容都居中。
em標(biāo)記用于強(qiáng)調(diào)文本，文本通常以斜體顯示，可能會(huì)根據(jù)瀏覽器的不同而有所不同。
strong標(biāo)記用于著重強(qiáng)調(diào)文本，通常以粗體顯示，可能會(huì)根據(jù)瀏覽器的不同而有所不同。
下面是以上標(biāo)記的示例：
瀏覽器顯示內(nèi)容如下所示：
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
