HTML第一天

?

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">

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末蒋伦,一起剝皮案震驚了整個濱河市弓摘,隨后出現的幾起案子,更是在濱河造成了極大的恐慌痕届,老刑警劉巖韧献,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異研叫,居然都是意外死亡锤窑,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門嚷炉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渊啰,“玉大人,你說我怎么就攤上這事』嬷ぃ” “怎么了隧膏?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長嚷那。 經常有香客問我胞枕,道長,這世上最難降的妖魔是什么车酣? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮索绪,結果婚禮上湖员,老公的妹妹穿的比我還像新娘。我一直安慰自己瑞驱,他們只是感情好娘摔,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著唤反,像睡著了一般凳寺。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上彤侍,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天肠缨,我揣著相機與錄音,去河邊找鬼盏阶。 笑死晒奕,一個胖子當著我的面吹牛,可吹牛的內容都是我干的名斟。 我是一名探鬼主播脑慧,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼砰盐!你這毒婦竟也來了闷袒?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤岩梳,失蹤者是張志新(化名)和其女友劉穎囊骤,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體冀值,經...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡淘捡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了池摧。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片焦除。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖作彤,靈堂內的尸體忽然破棺而出膘魄,到底是詐尸還是另有隱情乌逐,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布创葡,位于F島的核電站浙踢,受9級特大地震影響,放射性物質發(fā)生泄漏灿渴。R本人自食惡果不足惜洛波,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望骚露。 院中可真熱鬧蹬挤,春花似錦、人聲如沸棘幸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽误续。三九已至吨悍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蹋嵌,已是汗流浹背育瓜。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留栽烂,地道東北人爆雹。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像愕鼓,于是被迫代替她去往敵國和親钙态。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內容

  • 1.了解本專業(yè)課程目標菇晃、就業(yè)方向 2.了解HTML相關概念(HTML册倒、XHTML、HTML5) 3.常用編輯器及瀏...
    web小楊閱讀 375評論 0 1
  • WEB標準構成 web標準不是某個標準磺送,而是有W3C和其他標準組織制定的一系列標準集合驻子。主要包括:結構、表現和行為...
    陌陌杰閱讀 457評論 0 1
  • 第一節(jié):HTML基礎 什么是瀏覽器 瀏覽器是網頁運行的平臺估灿,常用的瀏覽器有IE崇呵、火狐(Firefox)、谷歌(Ch...
    單行道MY閱讀 1,176評論 0 14
  • 學習HTML的最佳網站沒有之一http://www.w3school.com.cn/html/ 關于HTML/HT...
    Amyyy_閱讀 2,073評論 0 16
  • 1. 瀏覽器頁面有哪三層構成馅袁,分別是什么域慷,作用是什么? 構成:結構層、表示層、行為層分別是:HTML犹褒、CSS抵窒、Ja...
    程序猿人王小賤閱讀 1,872評論 1 11