一、web基本介紹

1.Web 是 Worl wide web 的縮寫(xiě)，稱為全球廣域網(wǎng)，俗稱www

2.我們可以將Web理解為當(dāng)前的一種互利網(wǎng)，對(duì)于我們來(lái)說(shuō)更多的就是網(wǎng)站服務(wù)。

3.網(wǎng)站我們可以認(rèn)為是由多個(gè)網(wǎng)頁(yè)組合在一起形成一種服務(wù)

4.Web前端就是負(fù)責(zé)網(wǎng)站前端效果的實(shí)現(xiàn)內(nèi)容。

5.網(wǎng)頁(yè)就是由前端工程師使用HTML語(yǔ)言編寫(xiě)的頁(yè)面，其中包含視頻，文字，圖片，音頻....(網(wǎng)頁(yè)本質(zhì)就是HTML文件)

6.Web的標(biāo)準(zhǔn)就是來(lái)衡量我們當(dāng)前制作網(wǎng)頁(yè)書(shū)寫(xiě)是否規(guī)范的一系列要求，這個(gè)標(biāo)準(zhǔn)由W3C組織來(lái)制定。具體要求就是1.結(jié)構(gòu)，2.樣式，3.行為等三者相分離。

6.1 結(jié)構(gòu)：指的就是通過(guò)? HTML來(lái)制定網(wǎng)頁(yè)的“”“架子”

6.2 樣式? ? 指的就是渲染頁(yè)面的內(nèi)容

6.3 行為? ? 指的就是實(shí)現(xiàn)頁(yè)面的動(dòng)態(tài)

二、HTML介紹

1.超文本HTML介紹

Hypetext(markup language) 超文本標(biāo)記語(yǔ)言，其中超指的就是能 表達(dá)的內(nèi)容不僅僅是文字

2.HTML語(yǔ)言發(fā)展歷史

1.互聯(lián)網(wǎng)最初沒(méi)有HTML，只能通過(guò)網(wǎng)絡(luò)傳輸最簡(jiǎn)單的文字

2.隨著用戶需求較多，我們的技術(shù)不斷發(fā)展，發(fā)出了一種可以表達(dá)文字內(nèi)容之外的語(yǔ)言---HTML1.0

三、HBuilder的使用

1.? 跳轉(zhuǎn)-跳轉(zhuǎn)項(xiàng)目管理器? ?----Document Type (文檔類型)

2.通過(guò)這句話讓瀏覽器明白，將來(lái)按照什么樣的語(yǔ)法拉力解析這里的代碼。

3.????????

四、HTML標(biāo)簽的使用

1.標(biāo)簽書(shū)寫(xiě)方法:可以嵌套但是不能交叉嵌套

2.常見(jiàn)的標(biāo)簽名? a，p，H1-H4,
,

3.?是代表空格

4. 圖片標(biāo)簽

5. 圖片標(biāo)簽內(nèi)添加屬性

(1) width="" ,height="" 設(shè)置寬高度

(2)alt=“”圖片加載失敗后顯示文字

(3)title=“”代表圖片標(biāo)題

6. 雙標(biāo)簽 默認(rèn)屬性 href

(1)href=“http://www.baidu.com” 跳轉(zhuǎn)另一個(gè)地址

(2)href="#" 空連接

(3)target=“_black” 新的窗口

五、form表單的基本介紹

是一種在互聯(lián)網(wǎng)上用于收集用戶信息的一種結(jié)構(gòu)，在HTML當(dāng)中事先定義好一個(gè)標(biāo)簽 來(lái)完成這件事，叫做form，是個(gè)雙標(biāo)簽。

1.form? 屬性值:

action="當(dāng)前的提交表單網(wǎng)址"

method="通過(guò)什么方式提交數(shù)據(jù)"? 分為get/post

2.form下的單標(biāo)簽

01. type可以選擇不同的屬性，? name呢就是定義name名可以被調(diào)用。

02.? 文本框

03. 男? 單選框

04. 男? 多選框

05.

06.

多個(gè)選擇

? 下拉框

07.? 重啟按鈕

08.? 普通按鈕

09.? 提交按鈕

六 、CSS基本使用

1 .CSS在國(guó)內(nèi)被稱為級(jí)聯(lián)樣式表，層疊樣式表，樣式表，它的作用就是修飾當(dāng)前網(wǎng)頁(yè)HTML的元素。

2.基本使用步驟

2.1 CSS與HTML可以看做是二門(mén) 互相獨(dú)立的語(yǔ)言，此時(shí)如果想使用CSS操作HTML首先將二者建立關(guān)系

2.2 此時(shí)HTML當(dāng)中準(zhǔn)備叫Style的標(biāo)簽，是個(gè)雙標(biāo)簽，在這個(gè)標(biāo)簽對(duì)之間可以涌過(guò)來(lái)書(shū)寫(xiě)而我們的CSS代碼，常見(jiàn)的存放位置在head標(biāo)簽里，

2.3.通過(guò)CSS的選擇器找到我們想要操作的元素給他設(shè)置樣式寫(xiě)在style中

3.體驗(yàn)CSS

3.1.常見(jiàn)的CSS元素屬性

width/height 高度

backgroud-color 背景顏色

3.2.css代碼書(shū)寫(xiě)的固定語(yǔ)法

選擇器{ css 代碼}

3.3.建議CSS行業(yè)分行寫(xiě),每行用；結(jié)束

七、CSS選擇器

1.定義

所謂CSS選擇器是CSS中已經(jīng)定義好的用來(lái)選中某些元素的固定語(yǔ)法，作用就是選中我們想要設(shè)置樣式的元素

2.CSS選擇器的分類

css有多重選擇器，我們?nèi)藶榈姆殖蓛纱箢?簡(jiǎn)單選擇器、復(fù)合選擇器

3.簡(jiǎn)單選擇器:

3.1標(biāo)簽名選擇器---通過(guò)具體的HTML標(biāo)簽名稱來(lái)選擇元素

一個(gè)完整頁(yè)面會(huì)出現(xiàn)多次同名的元素，樣式也是一樣的，可以選這個(gè)方式

3.2類名選擇器---通過(guò)標(biāo)簽類名來(lái)選擇元素

class{CSS代碼}/.aa{CSS代碼}

3.3id選擇器---通過(guò)ID名稱選擇元素

#id{css代碼}/#en{css代碼}

總結(jié)

以上是生活随笔為你收集整理的html css web笔记,Web/HTML/CSS/的笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。