一個(gè)網(wǎng)頁(yè)主要由結(jié)構(gòu)吏夯，表現(xiàn)篙程，行為 組成。
結(jié)構(gòu)：HTML 用于描述頁(yè)面的結(jié)構(gòu)
表現(xiàn)：CSS用于控制頁(yè)面中元素的樣式
行為：JaveScript 用于響應(yīng)用戶(hù)操作
軟件主要分兩種架構(gòu)C/B和B/S
B/S中的B指的是browsers，是瀏覽器的意思，S值Server指服務(wù)器的意思预侯；B/S架構(gòu)的軟件一般都是通過(guò)訪(fǎng)問(wèn)一個(gè)網(wǎng)頁(yè)的形式來(lái)使用的，而將一些運(yùn)算等操作放到遠(yuǎn)端的服務(wù)器上峰锁。
html
html（Hypertext Markup Language）
html使用標(biāo)簽的形式來(lái)標(biāo)識(shí)網(wǎng)頁(yè)中的不同組成部分萎馅。
超文本指的是超鏈接，使用超鏈接可以讓我們從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面
CS? C表示客戶(hù)端虹蒋，B表示服務(wù)器
BS? ?B表示瀏覽器糜芳，S表示服務(wù)器
<html> <\html> 表示根目錄
<head><\head> 表示頭標(biāo)簽
<body><\body>表示體標(biāo)簽
<title><\title>表示標(biāo)題標(biāo)簽
font? 是來(lái)設(shè)置字體的，里面有“color”魄衅，“size” 大小打1~7之間
一個(gè)最基本的HTML頁(yè)面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁(yè)標(biāo)題</title>
</head>
<body>
<h1>網(wǎng)頁(yè)正文</h1>
</body>
</html>
HTML中的標(biāo)記指的就是標(biāo)簽峭竣。
標(biāo)簽 ：
html中的標(biāo)記指的就是標(biāo)簽，使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)晃虫。結(jié)構(gòu)：<標(biāo)簽名>標(biāo)簽內(nèi)容</標(biāo)簽名><標(biāo)簽名/>
元素
一個(gè)完整的標(biāo)簽稱(chēng)為元素皆撩。
<h1>一級(jí)標(biāo)題</h1> h1就是元素，
<p>我是一個(gè)<em>段落</em></p>
p也是一個(gè)元素哲银，em是p的子元素扛吞，p是
em的父元素。
屬性
可以為HTML標(biāo)簽設(shè)置屬性荆责。
通過(guò)屬性為HTML元素提供附加信息滥比。
屬性需要設(shè)置在開(kāi)始標(biāo)簽或自結(jié)束標(biāo)簽中。
屬性總是以名稱(chēng)/值對(duì)的形式出現(xiàn)做院。
比如：name=“value”
有些屬性可以是任意值盲泛，有些則必須是指定值。
<h1 title="我是一個(gè)標(biāo)題">標(biāo)題</h1>
<img src="" alt=""? />
常見(jiàn)屬性：
id ?屬性作為標(biāo)簽的唯一標(biāo)識(shí)山憨，在同一個(gè)網(wǎng)頁(yè)中不能出現(xiàn)相同的id屬性值查乒。
class ?屬性用來(lái)為標(biāo)簽分組，擁有相同class屬性的標(biāo)簽是一組郁竟，可以出現(xiàn)相同的class屬性玛迄，可以為一個(gè)元素指定多個(gè)class。
title 屬性用來(lái)指定標(biāo)簽的標(biāo)題棚亩，指定title以后蓖议，鼠標(biāo)移入到元素上方時(shí)，會(huì)出現(xiàn)提示文字讥蟆。
注釋
html注釋內(nèi)容不會(huì)在網(wǎng)頁(yè)中展現(xiàn)
格式：<勒虾！--注釋--> ?注意不能嵌套
亂碼
如果我們保存文件時(shí)使用的是utf-8進(jìn)行編
碼，而瀏覽器讀取頁(yè)面時(shí)使用gb2312瘸彤，這
樣就會(huì)導(dǎo)致頁(yè)面中的內(nèi)容不能正常顯示修然，
也就是我們所說(shuō)的亂碼。所以我們只需要統(tǒng)一兩者使用的字符集就可以解決亂碼問(wèn)題。一般使用utf-8愕宋。
解決亂碼問(wèn)題
保存文件的編碼我們直接通過(guò)編輯器即可
指定玻靡，接下來(lái)就是要告訴瀏覽器使用什么
字符集去解析文件，可以使用meta標(biāo)簽
如<meta charset='utf-8'/>
<meta>作用：
可以提供有關(guān)頁(yè)面的元信息中贝，比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞囤捻。
<meta>標(biāo)簽位于文檔頭部，不包含任何內(nèi)容邻寿，它的屬性定義了與文檔相關(guān)聯(lián)的名稱(chēng)/值對(duì)蝎土。
meta用法：
設(shè)置頁(yè)面字符集:<meta charset='utf-8/>
設(shè)置網(wǎng)頁(yè)描述：<meta name='description'content=''/>
設(shè)置網(wǎng)頁(yè)關(guān)鍵詞：<meta name='keywords' content=''/>
請(qǐng)求的重定向:<meta http-equiv='refresh' content='5,url=地址'/>
html作用：
<html>標(biāo)簽用于告訴瀏覽器這個(gè)文檔中包含的信息時(shí)用html編寫(xiě)的。
一個(gè)頁(yè)面只能用一個(gè)html標(biāo)簽
html標(biāo)簽中有兩個(gè)子標(biāo)簽head和body绣否。
<head>作用：
<head>標(biāo)簽用來(lái)表示網(wǎng)頁(yè)的元數(shù)據(jù)誊涯，head中包含了瀏覽器和搜索引擎使用的其他不可見(jiàn)信息。
head標(biāo)簽作為html標(biāo)簽的子元素的出現(xiàn)枝秤，一個(gè)網(wǎng)頁(yè)中只能用一個(gè)head醋拧。
<title>
表示網(wǎng)頁(yè)標(biāo)題，一般會(huì)在網(wǎng)頁(yè)的標(biāo)題欄上顯示淀弹。
title標(biāo)簽中的文字丹壕，是頁(yè)面優(yōu)化的最重要因因素。
<body>
標(biāo)簽用來(lái)設(shè)置網(wǎng)頁(yè)的主體薇溃，所有在頁(yè)面中能看到的內(nèi)容都應(yīng)該編寫(xiě)到body標(biāo)簽中菌赖。
body標(biāo)簽作為html的子標(biāo)簽使用。
<h1>到<h6>
都是網(wǎng)頁(yè)中的標(biāo)題標(biāo)簽沐序，用來(lái)表示網(wǎng)頁(yè)中的一個(gè)標(biāo)題琉用，不同的是，從
重要性越來(lái)越低策幼。
標(biāo)題標(biāo)簽相當(dāng)于正文的標(biāo)題邑时，通常認(rèn)為重要性?xún)H次于頁(yè)面的title。
一般標(biāo)題標(biāo)簽用到h3就沒(méi)意思了特姐，一個(gè)網(wǎng)頁(yè)只會(huì)使用一個(gè)h1標(biāo)簽
<p>
表示網(wǎng)頁(yè)中的段落晶丘。
一般瀏覽器會(huì)在段落的前后個(gè)加一個(gè)換行。也就時(shí)段落會(huì)在頁(yè)面中自稱(chēng)一行唐含。
<br/> 標(biāo)簽表示一個(gè)換行標(biāo)簽浅浮，使用br標(biāo)簽可以使br標(biāo)簽的內(nèi)容另起一行。
<hr/>標(biāo)簽時(shí)水平線(xiàn)標(biāo)簽捷枯，使用hr標(biāo)簽可以在頁(yè)面中打印一條水平線(xiàn)滚秩，水平線(xiàn)可以將頁(yè)面分成上下兩個(gè)部分。
<img/>
-src指向一個(gè)外部的圖片的路徑淮捆。
-alt圖片的描述.
實(shí)體
在HTML中預(yù)留了一些字符郁油。這些預(yù)留字符是不能在網(wǎng)頁(yè)中直接使用的本股。
?? 比如<和>,我們不能直接在頁(yè)面中使用<和
>號(hào)，因?yàn)闉g覽器會(huì)將它解析為html標(biāo)簽已艰。
?? 為了可以使用這些預(yù)留字符痊末，我們必須在html中使用字符實(shí)體蚕苇。
