//一、HTML
//a、HTML語法規範
//a.1基本語法概述
1、HTML标簽是由尖括号包圍的關鍵字，例如,
2、HTML标簽通常是成對出現的，例如和,我們成為雙标簽，标簽對中的第一個标簽是開始标簽，第二個标簽是結束标簽。
3、有些特殊的标簽是單個标簽（極少情況），例如
，我們稱為單标簽
//a.2标簽關系
雙标簽關系可以分為兩類：包含關系和并列關系。
//b、HTML基本結構标簽
//b.1第一個HTML網頁
每個網頁都會有一個基本的結構标簽（也稱為骨架标簽），頁面内容也是在這些基本标簽上寫的。
HTML頁面也稱為HTML文檔
|
标簽名 |
定義 |
說明 |
|
<html></html> |
HTML标簽 |
頁面中最大的标簽，我們稱為根标簽 |
|
<head></head> |
文檔的頭部 |
注意在head标簽中我們必須要設置的标簽是title |
|
<title></title> |
文檔的标題 |
讓頁面擁有一個屬于自己的網頁标題 |
|
<body></body> |
文檔的主體 |
元素包含文檔的所有内容，頁面内容，基本都是放到body裡面的 |
必須是.html或.htm,浏覽器的作用是讀取HTML文檔，并以網頁的形式顯示出它們。
此時，用浏覽器打開這個網頁，我們就可以預覽我們寫的第一個HTML文件了。
//c、開發工具vscode
1、<!DOCTYPE>标簽文檔類型聲明，作用就是告訴浏覽器使用哪種HTML版本來顯示網頁
<!DOCTYPE html>這句代碼的意思是：當前頁面采用的是HTML5來顯示頁面。
2、lang語言
用來定義當前文檔顯示的語言：
a、en定義語言為英語
b、zh-CN定義語言為中文
簡單來說定義為en就是英文網頁，定義為zh-CN就是中文網頁
其實對于文檔顯示來說，定義成en的文檔也可以顯示中文，定義zh-CN的文檔也可以顯示英文
這個屬性對于浏覽器和搜索引擎（百度、谷歌等）還是有作用的
3、charset字符集
字符集是多個字符的集合，以便計算機能夠識别和存儲各種文字
在标簽内，通過标簽的charset屬性來規定HTML文檔應該使用哪種字符編碼。
charset常用的值：GB2312、BIG5、GBK和UTF-8,其中UTF-8也稱為萬國碼，基本包含了全世界所有國家需要用到的字符。
注意：上面語法是必須寫的代碼，否則可能引起亂碼的情況，一般情況下，統一使用"UTF-8"編碼，盡量統一寫成标準的"UTF-8",不要寫成"utf-8"或"UTF8"。
//d、HTML常用标簽
//d.1标簽語義
學習标簽是有技巧的，重點是記住每個标簽的語義，簡單理解就是指标簽的含義，即這個标簽是用來幹嘛的
根據标簽的語義，在合适的地方給一個最為合理的标簽，可以讓頁面結構更清晰。
//d.2标題标簽
-
(重要)
為了使網頁更具有語義，我們經常會在頁面中用到标題标簽，HTML提供了6個等級的網頁标題集
-
特點：
1、加了标題的文字會變得更加粗，字号也會依次變大。
2、一個标題獨占一行。
//d.3段落和換行标簽（重要）
在網頁中，要把文字有條理地顯示出來，就需要将這些文字分段顯示，在HTML标簽中，
标簽用于定義段落，它可以将整個網頁分為若幹段落。
<p>我是一個段落标簽</p>标簽語義：可以把HTML文檔分割為若幹段落。
特點：1、文本在一個段落中會根據浏覽器窗口的大小自動換行。2、段落和段落之間保有一個較大的空隙。
在HTML中，一個段落中的文字從左到右依次排列，直到浏覽器的右端，然後自動換行，如果希望某段文本強制換行顯示，就需要使用換行标簽
<br />
單詞break的縮寫，意為打斷，換行。
特點：
1、單标簽
2、
标簽隻是簡單地開始新的一行，跟段落不一樣，段落之間會插入一些垂直的間距。
//d.4文本格式标簽
在網頁中，有時需要為文字設置粗體，斜體或下劃線等效果，這時就需要用到HTML中的文本格式标簽，使文字以特殊的方式顯示
标簽語義：突出重要性，比普通文字更重要。
|
語義 |
标簽 |
說明 |
|
加粗 |
<strong></strong>或者<b></b> |
更推薦使用<strong></strong>标簽加粗，語義更強烈 |
|
傾斜 |
<em><em> 或者<i><i> |
更加推薦使用<em><em>标簽，語義更加強烈 |
|
删除線 |
<del><del>或者<s><s> |
更加推薦使用<del><del>标簽，語義更加強烈 |
|
下劃線 |
<ins><ins>或者<u><u> |
更加推薦<ins><ins>标簽，語義更加強烈 |
//d.5<div>和<span>标簽<div>和<span>是沒有語義的，它們就是一個盒子，用來裝内容。
<div>這是頭部</div>
<span>今日價格</span>
div是division的縮寫，表示分割，分區，span意為跨度，跨距。
特點：
1、<div>标簽用來布局，但是現在一行隻能放一個<div>，大盒子。
2、<span>标簽用來布局，一行上可以有多個<span>,小盒子
//d.6圖像标簽和路徑（重點）
1、圖像标簽
在HTML标簽中，<img>标簽用于定義HTML頁面中的圖像。
<img src="圖像url"/>
單詞image的縮寫，意為圖像
src是<img>标簽的必須屬性，它用于指定圖像文件的路徑和文件名。
所謂屬性：簡單理解就是屬于這個圖像标簽的特性。
圖像标簽的其他屬性：
|
屬性 |
屬性值 |
說明 |
|
src |
圖片路徑 |
必須屬性 |
|
alt |
文本 |
替換文本，圖像不能顯示的文字 |
|
title |
文本 |
提示文本，鼠标放到圖像上，顯示文字 |
|
width |
像素 |
設置圖像的寬度 |
|
height |
像素 |
設置圖像的高度 |
|
border |
像素 |
設置圖像的邊框粗細 |
更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
