網頁設計與制作第一章
（一）編寫HTML步驟
第一步：新建一個記事本（以.HTML為後綴）
第二步：右擊選擇打開方式為文本文檔
<html>
<head></head>
<body>
hello.html
</body>
</html>
第三步：編寫內容
第四步：用瀏覽器打開查看內容
(二）html的基本結構
<html>
<head></head><!--網頁頭部-->
<body></body><!--網頁的主體-->
</html>
（三）HTML的打開方式
第一種：用瀏覽器打開（瀏覽方式）
第二種：用文本編輯器打開（編輯方式）
補充：HTML全稱hyper text markup language (超文本標記語言）
（四）標題標簽
<title></title>
(五）meta標簽
<meta name="keywords" content="內容"> keywords：關鍵詞
<meta name="description" content="內容"> description：網頁描述
<head lang="en"><meta charset="utf-8"/>設置網頁的字符編碼
（六）h標簽
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
註意：h標簽只要h1到h6，並且h1最大依次減小
（七）段落標簽（會空一排）
<p></p>
（八）換行標簽
<br/>換行寫在要換的中間
（九）水平線標簽
加粗：<strong></strong>
斜體：<em></em>
(十一)註釋與特殊符號
空格  ；
大於號 >；
小於號 <；
引號 "；
版本符號 ©；
註釋：<!--被註釋的內容-->
用途：第一種：解釋代碼（在它之前）
第二種:當前代碼現在用不到，可能以後用的到（把用不到的包括在裏面）
（十三）a標簽（超鏈接）
<a href="跳轉的路徑" target="目標窗口"></a>
註意：target的常用值：_self（表示當前窗口） _blank（表示新窗口）
（十二）圖片標簽
<img src ="圖片地址" alt="當圖片找不到時提示的文字" title="當鼠標放在圖片上面時顯示的文字" wight="圖片寬度" height="圖片的高度"/>
（十四）跳到頂部（在本部網部）
<body>
<a name="head">頂部</a>
<a href="#head">返回頂部</a>
</body>
（十五）
1.錨鏈接的使用步驟
第一步：定義錨點
<a name="名字">錨點</a>
第二步：定義鏈接
<a href="#錨點名">鏈接</a>
註意：#可以看出當前頁面 錨點名：表示要跳轉到指定的錨定的位置（就是定義錨點時，name屬性的值）
2.功能性鏈接
例如：<a href="mailtp:郵箱地址"></a>
塊元素：無論內容多少，該元素獨占一行（p、h1）
行內元素：內容撐開寬度左右都是行內元素可以排在一行（strong）
網頁設計與制作第一章