HTML基本結構

来源:http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html
-Advertisement-
Play Games

HTML簡介 HyperText Markup Language：超文本標記語言 HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接） Markup Language：標記語言 網站的三大元素 圖片，超鏈接，文字 HTML基本結構 標準網頁的HTML標簽 1.HTML文檔聲明： ...


HTML簡介

HyperText Markup Language：超文本標記語言

HyperText：超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接）

Markup Language：標記語言

網站的三大元素

圖片，超鏈接，文字

HTML基本結構

 

<html>
    <head>
        <title>Document</title>
    </head>
    <body>
        I am mossbaoo !
    </body>
</html>

 

標準網頁的HTML標簽

1.HTML文檔聲明：<!DOCTYPE HTML>

2.頁面標題：<title>~</title>

3.頁面編碼：<meta charset= "utf-8" />

　　utf-8 是多國語言編碼（推薦使用）

　　gb2312 是簡體中文編碼

4.頁面關鍵字：<meta name="keywords" content="關鍵字1,關鍵字2,…" />

    頁面主要內容：<meta name="description" content="內容介紹" />

　註意：meta標簽是html語言的輔助性標簽，通常用於優化搜索引擎，它位於HTML文檔頭部。

生成HTML文檔初始結構

1.HTML5的標準結構：html:5+Tab鍵  或  !+Tab鍵

　　生成結果如下

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

 

2.HTML4的過渡型結構：html:xt+Tab鍵

　　生成結果如下

 

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

 

HTML標簽註意點：

  • HTML元素由開始標簽和結束標簽組成。
  • 位於開始標簽和結束標簽中的文本是元素的內容。
  • HTML標簽有開始必須有結束，如果是沒有內容的標簽（空標簽），用/>來結束。
  • 標簽名不區分大小寫，但是在XHTML中標簽名必須用小寫。
  • 標簽具有屬性，屬性用來表示標簽的性質和特性。屬性要在開始標簽中指定。