<!DOCTYPE xxxx> //聲明文檔類型,告知瀏覽器該文檔應該使用那種規範
<html lang ="xxxx"> //html標籤指定語言 如Zh-CN
<head> //head成對存在,內容包括網頁配置信息及網頁標題
<meta> //網頁配置信息,如對網頁進行編碼字符的配置 例如:charset= "utf-8"
<title> //網頁標題
</head>
<body> //內容用於定義網頁的主體內容
</body>
</html>
HTML常用標籤
1.排版標籤
排版標籤分爲6級,從h1——>h6。等級由1到6 h1爲標籤最高級,字體最粗最大。其餘依次遞減。
<hx> 標題 </hx> // x爲1-6
2.段落標籤
<p>文本內容</p>
3.換行標籤
<br />
4.水平標籤
<hr /> //一條水平分割線
5.佈局標籤
佈局標籤分爲"div""spam"兩種。
<div>頭部</div> //一行只能放一個div
<span>子標題</span> //一行可以放置多個span
文本格式標籤
1.粗體文本標籤
<b></b>
<strong></strong>
2.斜體文本標籤
<em></em>
<i></i>
3.波浪線文本標籤
<del></del>
<s></s>
4.下劃線文本標籤
<u></u>
<ins></ins>
圖像標籤
1.格式
img 屬性 = "屬性值" //img與屬性之間要有一個空格
2.屬性
屬性 | 屬性值 | 意義 |
---|---|---|
src | URL | 圖片路徑 |
alt | 文本 | 圖像不能顯示時的替換文本 |
title | 文本 | 鼠標懸停顯示文本 |
width | 數字 | 設置圖像寬度 |
height | 數字 | 設置圖像高度 |
border | 數字 | 設置圖片邊框寬度 |
– | – | – |
<a href ="鏈接網址" >超鏈接文本</a> //href用於鏈接跳轉目標的地址
<a href ="鏈接網址" target ="_bank">超鏈接文本</a> //target用於打開一個新的網頁,否則原網頁將被覆蓋