1. 程式人生 > >初識html5基本格式

初識html5基本格式

1.開啟sublime text3,開啟指定資料夾

2.保持index.html到指定資料夾中,.html是檔案字尾名

3.開始編寫html的基本格式

!DOCTYPE html>                                                            //文件型別說明
<html>                                                                             //表示HTML文件開始
<head>                                                                             //包含文件元素開始
   <meta charset="utf-8">                                                // 宣告字元編碼
   <title>基本格式</title>                                                   //設定文件標題
</head>                                                                            //包含文件元素結束
<body>                                                                            //表示HTML文件內容
<a href="

http://www.baidu.com">百度</a>                 //一個超連結元素(標籤)
</body>                                                                           //表示HTML文件內容結束
</html>                                                                            //表示HTML文件結束

1.Doctype

文件型別宣告(Document Type Declaration,也稱Doctype),告訴瀏覽器所檢視的檔案型別

2.html元素

首先,元素就是標籤的意思,html元素即html標籤,html元素是文件開始和結尾的元素,雙標籤,頭尾呼應,包含內容

這個元素有一個屬性和值:lang="zh-ch",表示文件採用簡體中文

3.head元素

用來包含元資料內容,元資料包括<link>,<meta>,<noscript>,<script>,<style>,<title>

這些內容用來給瀏覽器提供資訊,比如link提供CSS資訊,script提供JavaScript資訊,title提供頁面標題

4.meta元素

這個元素用來提供關於文件的資訊,起始結構有一個屬性為:charset="utf-8",表示告訴瀏覽器頁面採用什麼編碼。當然檔案儲存也是utf8,

而瀏覽器也設定utf8即可正確顯示中文

5.title元素

顧名思義,設定瀏覽器左上角的標題

6.body元素

用來包含文件內容的元素,也就是瀏覽器可見區域部分,所有的可見內容都應該在這個元素內部新增

7.a元素

一個超連結