?
HTML基礎
1.什么是瀏覽器巫糙?
??幫助用戶瀏覽網頁的軟件
2.五大瀏覽器及其內核
??Ie-trident ??safari-webkit ?ff-gecko ??chrome,opera-blink
3.服務器端
??經過互聯網吠冤,接受用戶的請求,然后跳轉到互聯網相應的界面帖蔓。
常用服務器端軟件有IIS,Tomcat蚀浆。
4.HTML發(fā)展歷程
??HTML1.0---HTML2.0---HTML3.2---HTML4.0---HTML4.01---XHTML1.0---XHTML1.1---HTML5.0
5.常用名詞
??Internet(因特網):實現全球信息互聯的網絡般妙;
??WWW(萬維網):提供網站相關服務;
??W3C(制定萬維網的組織)粱快;
??HTTP(超文本傳輸協(xié)議):表現為三種形式,即超文本(hypertext)叔扼、超媒體(hypermedia)事哭、超文本傳輸協(xié)議(HTTP)等。瓜富;
??Web(互聯網的總稱):即網頁鳍咱;
??DNS(域名解析系統(tǒng)):因特網上作為域名和IP地址相互映射的一個分布式數據庫。
6.網頁的組成
??HTML:頁面結構
??CSS:頁面樣式表現
??JavaScript:交互行為
7.HTML頁面結構和語法
?HTML:指的是超文本標記語言 (Hyper Text Markup Language)与柑,是一種標記語言 (markup language)谤辜,是用來描述頁面的結構和組織頁面內容的.
?HTML的結構
<html> ???????????????html文檔
<head></head> ???????html頭部
<body> ???????????html身體
<h1>My First Heading</h1> ???內容
<p>My first paragraph.</p>
</body>
</html>
??特點:成對出現,有開有閉合价捧,尖括號括住了標簽名丑念。結束標簽內增加了斜線。
??語法:<標簽名> ?標簽內容</標簽名>
??第一:標簽成對出現结蟋。第二:結束標簽內部用/開頭脯倚。
??第三:標簽可以嵌套。
HTML語法
??HTML標簽以 ”<“開頭嵌屎。
??緊接著就是標簽名(中間沒空格)推正。
??標簽名之后如果有屬性的話,加空格然后是 ?屬性名=""
??如果有多個屬性宝惰,屬性間用空格隔開舔稀,空格可以有多個。
??屬性結束后可以加一個或多個空格掌测。
??然后是結束標簽">",如果是閉合標簽需要在標簽名前加”/"内贮,例如:</html>
??單標簽,斜線沒有任何意義汞斧,可有可無夜郁。
??標簽中間可嵌套內容。
8.HTML標簽
??文檔后綴:.htm=.html
??快速生成HTML頁面結構
??Html:5+tab鍵 ?生成html5的文檔結構?
?(1)Doctype標簽:文檔協(xié)議聲明標簽 (必須要有)
????文檔協(xié)議聲明標簽粘勒,非常重要
????協(xié)議不同影響整個頁面顯示的效果
????目前主流用HTML5的協(xié)議文檔
????Html5文檔聲明:<!DOCTYPE html>
?(2)html標簽:文檔標簽
???<html>標記位于<!DOCTYPE> 標記之后竞端,也稱為根標記,用于告知瀏覽器其自身是一個 HTML 文檔庙睡, <html>標記標志著HTML文檔的開始事富,</html>標記標志著HTML文檔的結束技俐,在他們之間的是文檔的頭部和主體內容。
?<html>
?所有的標簽必須寫在 兩個閉合標簽之間统台。
?</html>
?可以通過lang屬性設置當前文檔的主要語言是什么雕擂,幫助搜索引擎解析文檔
?(3)Head標簽:文檔頭部標簽
??<head>標記用于定義HTML文檔的頭部信息,也稱為頭部標記贱勃,緊跟在<html>標記之后井赌。
??head標簽定義的內容只是提供給瀏覽器使用,不用于用戶的呈現贵扰。
??主要用來封裝其他位于文檔頭部的標記仇穗,例如<title>、<meta>戚绕、<link>及<style>等纹坐,用來描 ??述文檔的標題、作者以及和其他文檔的關系等舞丛。
??一個HTML文檔只能含有一對<head>標記恰画,絕大多數文檔頭部包含的數據都不會真正作為內容顯示在頁面中。
?------- <meta charset="UTF-8">
utf-8是目前最常用的字符集編碼方式瓷马,常用的字符集編碼方式還有gbk和gb2312拴还。
gb2312 簡單中文
GBK包含全部中文字符 ?繁體
BIG5 ??繁體中文
UTF-8則包含全世界所有國家需要用到的字符
?-------<title>標記用于定義HTML頁面的標題,即給網頁取一個名字欧聘,必須位于<head>標記之內片林。一個HTML文檔只能含有一對<title></title>標記,<title></title>之間的內容將顯示在瀏覽器窗口的標題欄中怀骤。其基本語法格式如下:
??????<title>網頁標題名稱</title>
title標簽對于網站SEO至關重要费封,標題的好壞直接影響網站的SEO
SEO(Search Engine Optimization):網站搜索引擎優(yōu)化
??-------Link標簽(先了解)
?引入DNS預先解析
dns預解析(了解)
<link rel="dns-prefetch" >
引入網站icon圖標:
<link rel="shortcut icon" />
引入css樣式,【后面講】
<link rel="stylesheet" href="css/bg.css">