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