正式學習第一天下午——基礎標籤及其屬性
今天下午學習了html中的基礎標籤及其屬性。以下面的HTML程式碼為例。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>這是網頁的標題</title> </head> <body bgcolor="#CCFF00" background="../../動態桌布/桌布1/罪惡王冠/preview.jpg" text="#33CC66"> 這是一段測試文字 <font size="+3" face="微軟雅黑" color="#000000">這是另一段font中的測試文字</font> <b>加粗</b> <i>傾斜</i> <u>下劃線</u> <b><i><u>加粗傾斜下劃線巢狀</u></i></b> </body> </html>
標籤,是網頁的最小單元,html由一個個標籤組成。
<!DOCTYPE> 首先,是一個html網頁開頭的會有 一個<!DOCTYPE>單標籤。<!DOCTYPE>標籤的作用是讓當前網頁來適應新的標準,表示適應HTML5.0。
<html>
然後是<html>標籤,用來告訴瀏覽器這是一個HTML文件,<html>是網頁的開始,</html>是網頁的結束。
<head>
相當於網頁的頭部,主要放控制性的東西,用於定義HTML文件的頭部資訊,也稱為頭標籤。head標籤定義的並不會給使用者呈現。主要用來封裝其他位於文件頭部的標記。
<body>
相當於網頁的身體,也稱為主體標籤。所有網頁顯示給使用者的內容,文字圖片視訊等都在body中。
<body>標籤的常用屬性:
bgcolor="#CCFF00" bgcolor屬性用來定義網頁的背景顏色
background="../../動態桌布/桌布1/罪惡王冠/preview.jpg" background屬性用來定義網頁的背景圖片
text="#33CC66" text屬性用來定義網頁的前景顏色,也就是文字顏色。
<meta>
單標籤元素,放在<head>頭標籤中,說明了一些當前網頁的資訊,做了一些格式的控制,說明當前網頁是什麼格式是怎麼樣的。
<meta>中 content="text/html; (說明當前的文件是一個HTML文件)charset=utf-8" 說明當前文件的編碼格式是utf-8。
<title>
用來顯示網頁標題。
文字格式控制類標籤
文字格式控制類標籤
<font>:
<font>主要用來放文字,其中的文字可以通過屬性來來控制
size:文字大小
face:文字字型,可以直接寫字型名稱,HTML常用字型 微軟雅黑
color:文字顏色
<b>文字加粗
<i>文字傾斜
<u>文字加下劃線
<b><i><u>三個標籤可以通過巢狀來使其中的內容同時實現三種效果。
拓展知識:
編碼知識:
因為計算機磁碟用二進位制來儲存資料,所以文字圖片等需要編碼成能夠儲存的內容才能儲存。從而形成了各種不同的編碼格式。編碼格式錯誤可能會導致網頁出現亂碼。
網頁中顏色表示:
1.rgb(255,255,255)
其中,r=red=紅,g=green=綠,b=blue=藍,紅綠藍三原色,用0-255代表每一個顏色的濃度,來組合出不同的顏色。
2.#000000
#後面用十六進位制字元來表示紅綠藍三元色,十六進位制是0-F十六個字元,00最低,FF=255最濃。
3.直接用red、blue等單詞來表示顏色。
網頁中的路徑:
絕對路徑:從根目錄(/)開始寫的路徑
相對路徑:相對於某個地方(當前檔案位置)的路徑
./ 代表當前目錄
../ 代表上一級目錄