1.什麼是HTML標記語言表示網頁資訊的符號標記語言特點1.可以設定文本的格式，比如標題、字型大小、文本顏色、段落等等2.可以建立列表3.可以插入映像和媒體4.可以建立表格5.超連結，可以使用滑鼠點擊超連結來實現頁面之間的跳轉2.HTML的標記和他的屬性標記1.HTML文檔的儲存格式.html.htm.xhtml2.標記和被標記的內容構建出HTML文檔格式<標記>內容</標記>3.標記的屬性標記的屬性，就是用來控制我們的內容（映像、文本等的）如何的顯示格式<標記 屬性1=屬性值 屬性2=屬性值 ... ... >內容</標記>例如<body bgcolor="red">內容</body>以上的屬性是用來控制我們的網頁的背景顏色，bgcolor就是body的屬性，他的值是red（紅色）3.文法不區分字母大小寫<HTML>、<Html>、<html>都是定義相同的標記，但是在編寫網頁的時候盡量使用小寫4.文檔注釋注釋一段內容時使用“<!--”開始，以"-->"結束例如<!--我是這個網頁的作者，我的名字叫做朱朝兵-->5.代碼格式空格鍵和斷行符號鍵在網頁中都不會起到任何作用，我們為了讓代碼清晰易讀，可以使用空格和斷行符號鍵進行編排。注意：縮排時保持嚴格的規則，以“Tab”鍵進行縮排。6.字元實體1.什麼是字元實體。比如我們想在網頁上面顯示一個“<”小於符號，但是“<”在HTML中是文檔標記的開始語言，如果我們直接使用“<”會出差錯，所以我們就會一些實體名稱來代替。2.常見的字元實體顯示結果----------描述----------實體名稱----------實體編號 ---------------------空格---------- ---------- <--------------------小於符號---------- <---------- <>--------------------大於符號---------- >---------- >&--------------------和號---------- &---------- &"--------------------引號---------- " ---------- "'--------------------撇號---------- ' (IE不支援)---------- '￠--------------------分---------- ¢---------- ¢£--------------------鎊---------- £---------- £¥--------------------日圓---------- ¥---------- ¥€--------------------歐元---------- €---------- €§--------------------小節---------- §---------- §©--------------------著作權----------©---------- ©®--------------------註冊商標---------- ®---------- ®--------------------商標---------- ---------- ×--------------------乘號---------- ×---------- ×÷--------------------除號---------- ÷---------- ÷1.<html>內容</html>解釋HTML文檔的文檔標記，也稱為HTML開始標記功能這對標記分別位於網頁的最前端和最後端<html>在最前端表示網頁的開始</html>在最後端表示網頁的結束2.<head>內容</head>解釋HTML檔案頭標記，也稱為HTML頭資訊開始標記功能用來包含檔案的基本資料，比如網頁的標題、關鍵字，在<head></head>內可以放<title></title>、<meta></meta>、<style></style>等等標記注意在<head></head>標記內的內容不會在瀏覽器中顯示3.<title>內容</title>解釋HTML檔案標題標記功能網頁的“主題”，顯示在瀏覽器的視窗的左上邊注意網頁的標題不能太長，要短小精悍，能具體反應頁面的內容，<title></title>標記中不能包含其他標記4.<body>內容</body>解釋HTML文檔的主體標記功能<body>...</body>是網頁的主體部分，在此標記之間可以包含如<p></p>、<h1></h1>、<br>、<hr>等等標記，正是由這些內容組成了我們所看見的網頁body標記的常見屬性1.bgcolor設定背景顏色<body bgcolor="red"></body>2.text設定文本顏色<body text="green"></body>3.link設定串連顏色<body link="blue"></body>4.vlink已經訪問了的連結顏色<body vlink="yellow"></body>5.alink正在被點擊的連結顏色<body alink="red"></body>5.<meta>內容</meta>解釋頁面的元資訊（meta-information）功能提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。必須的屬性content值：some_text定義與 http-equiv 或 name 屬性相關的元資訊常見的屬性1.常用的name屬性1.author2.keywords3.description6.others把 content 屬性關聯到一個名稱。比如描繪出網頁的關鍵詞：<meta name="keywords" content="麥子學院,IT線上培訓">注意meta標記必須放在head元素裡面
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
