HTML網頁的基本結構及基礎功能
一、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>
HTML網頁的基本結構及基礎功能