1、 網頁的擴展名——html或htm
2、 如何新建網頁?
步驟1:
在電腦的空白處,右鍵選擇——>新建——文本文檔
步驟2:
把txt的擴展名,改成html或htm,點擊確定
步驟3:
用記事本或EditPlus打開該文件,編寫網頁的基本結構
3、 網頁的基本結構,html——超文本標記語言
<html>
<head>
<!—網頁的標題title -->
<title> </title>
<!--網頁編碼的設置-->
<metahttp-equiv="Content-Type"
content="text/html;charset=gb2312">
說明:charset=gb2312(簡體中文)或utf-8(國際通用的字符編碼)
</head>
<body>
<!—網頁要顯示的內容,放在body中 -->
<body>
</html>
會使用文本相關標簽排版文本信息
ü 標題 <h1>….<h6>,字體從大變小
ü 段落 <p></p>
ü 換行 <br/>
ü 水平線 <hr/>
ü 加粗 <strong></strong>
ü 斜體 <em></em>
ü 特殊的符號:空格 ,詳見P16頁表1-1
ü 網頁注釋:<!-- 寫注釋內容 -->
會使用圖像相關標簽實現圖文並茂的頁面
<img src=”圖片的相對路徑” />
Src: 指定圖片的相對路徑
1、 如果網頁文件和圖片,在同一個文件夾
src=”圖片的名稱”
2、 如果網頁文件和圖片所在的文件夾,
在同一個文件夾
src=”圖片文件夾名/圖片的名稱”
Title:鼠標懸浮時,提示文字
Alt:如果圖片路徑有無,替換圖片的文字
Width:圖片的寬
Height:圖片的高
相對路徑和絕對路徑:P21
n 絕對路徑:出現了具體的磁盤名稱的路徑(不使用)
n 相對路徑:
u ../:當前目錄的上一級目錄
u ../../:當前目錄的上一級目錄的上一級目錄
會使用a標簽創建超鏈接、錨鏈接以及功能性鏈接
²超鏈接:網頁導航
<a href=”頁面的相對路徑”>超鏈接的文字</a>
可寫的屬性:target=”_self|_blank”
_blank:打開新的網頁
_self:在當前頁面打開
²錨鏈接——頁面導航
步驟1:創建錨記
<aname=”錨記名”></a>
步驟2:訪問錨記
<ahref=”(頁面名稱)#錨記名”></a>
²郵件鏈接——發送郵件
<a href=mailto:郵箱地址> </a>