一、HTML網頁的基本結構
1、HTML——超文本標記語言,瀏覽器解析html標記后,展示內容
2、H5——HTML5(目前流行比較火)
3、網頁的基本結構
3.1靜態網頁的拓展名htm或html
3.2新建網頁的步驟:
1、新建文本文檔,更改拓展名為htm或html
2、編寫網頁的基本結構,並報春
3、雙擊html文件,在瀏覽器中運行
3.3網頁的基本結構
<html>
<head>
<title>網頁的標題</title>
<body>網頁顯示的內容</body>
</head>
</html>
4、HTML語言的特點
標記,大部分的都是成對存在
不區分大小寫 H5區分大小寫
瀏覽器解析HTML標記
二、使用相關的標簽進行排版
1、網頁的標題
<title></title>
2、標題標簽
<h1>....<h6>數字越大 標題越小
3、段落標記——<p>[/P]可以有也可以沒有
4、換行——<br/> [/]可以有野可以沒有
5、水平線——<hr/>
6、字體加粗<strong></strong> 斜體<em></em>
7、HTML中的注釋和特殊的符號--P15頁
注釋:<!-- -->
特殊符號 空格 ; 大於號>; 小於號<;
引號";版權符號©;
三、在網頁上插入圖片
<img src="圖片地址" alt ""替換的文字
title ""鼠標懸浮停留時的文字 width ="寬" height"高"/>
ps:src屬性必須有 其他的屬性可以有可以沒有
圖片路徑:相對路勁和絕對路徑
1、相對路徑,不出現有磁盤名字的路徑
../表示上級目錄
../../表示目錄的上一級目錄
2.絕對路徑,有磁盤名字的路徑
C:\Documents and Settings\Administrator\桌面
***網頁中使用相對路徑
四、超鏈接
1、通用語法:
<a href=路徑target="-self丨blank"(前是當前頁面打開,
后是新建寬口打開>超鏈接上的顯示的文字</a>
2、作用:頁面導航
3、錨鏈接P23.24
1>先設置錨記
<a name="錨記名" </a>
2>超鏈接訪問當前頁面中的錨記?
<a href="#錨記名”></a>
4、打開郵件發送郵件
<a href="mailto:郵箱名“>點我發送郵件</a>