標籤:地址 換行 tor setting 圖片路徑 html5 alt 文法 amp
一、HTML網頁的基本結構
1、HTML——超文字標記語言 (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網頁的基本結構及基礎功能