網頁設計與制作第一章
(一)編寫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)
網頁設計與制作第一章