1. 程式人生 > 其它 >正式學習第一天下午——基礎標籤及其屬性

正式學習第一天下午——基礎標籤及其屬性

今天下午學習了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等單詞來表示顏色。

網頁中的路徑:

絕對路徑:從根目錄(/)開始寫的路徑

  相對路徑:相對於某個地方(當前檔案位置)的路徑

  ./  代表當前目錄

  ../ 代表上一級目錄