web前端知識(一)

2021-09-17 21:03:34 字數 3400 閱讀 7176

http 協議

http協議(hypertext transfer protocol):叫超文字傳輸協議,使用在web伺服器和web瀏覽器上,在計算機能夠通過web交換資訊的一套規則和過程。

web瀏覽器

web瀏覽器是乙個連線到web伺服器上,向web伺服器請求資訊,然後解析返回來的html標記,並將其顯示在瀏覽器視窗內的應用程式。

常用的的web瀏覽器有:

對web標準的支援不同,會造成跨瀏覽器網頁程式設計的困難

w3c 標準

由國際全球資訊網聯盟制定的一系列標準,包括:

表現標準語言(css)

行為標準語言

倡導結果、樣式、行為分離

html 結構

基本結構示例:

>

charset

="utf-8"

>

>

title

>

name

="keywords"

content

="你真是個人才"

>

head

>

>

頁面的內容

boby

>

>

html

>

html語法的基本認識:

標籤

定義段落標籤:

將文字定義為整個段落

定義列表

定義自定義列表: 用標籤定義

例如:

>

無序列表示例p

>

>

>

編寫xhtml檔案li

>

>

編寫xml檔案li

>

>

編寫jsp檔案li

>

ul>

>

有序列表示例p

>

>

>

編寫xhtml檔案li

>

>

編寫xml檔案li

>

>

編寫jsp檔案li

>

ol>

>

定義列表示例p

>

>

>

貓dt>

>

乙個奴役自己的動物dd

>

>

手電筒dt

>

>

使用電池的裝置dd

>

>

白痴dt

>

>

不知道如何做事,卻假裝很重要的人dd

>

dl>

定義分塊區域文字:用於內嵌樣式:建立超連結描述文字建立**標籤

例如:

border

="1"

>

>

>

資料單元格1td

>

>

資料單元格2td

>

>

資料單元格3td

>

tr>

>

>

資料單元格4td

>

>

資料單元格5td

>

>

資料單元格6td

>

tr>

table

>

其他特殊符號

表單作用: 在網頁上提供乙個圖形使用者介面,以採集和提交使用者輸入的資料。

建立表單:

html表單元素和屬性可以分為兩種型別

使用標籤建立表單

最小表單:

表單輸入控制項

用來建立html輸入控制項得到元素有三種:

select和option: 建立乙個下拉列表 select 屬性有multipe=「multiple」,size | option的屬性有 selected=「selected」,value

textarea: 多行輸入的文字框,屬性值有cols 行和rows 列,可以設定預設值。

lable屬性for 規定和哪個表單元素進行繫結。

"myform"

action

="#"

method

="post"

>

>

>

>

性別legend

>

type

="radio"

id="gender"

value

="male"

>

男/>

type

="radio"

id="genders"

value

="female"

>

女 p

>

fieldset

>

form

>

readonly屬性防止修改文字框的的資料,disabled屬性可以使當前控制項不可用。

"myform"

action

="#"

method

="post"

>

>

for=

"oid"

>

訂單編號:label

>

type

="text"

id="oid"

size

="12"

value

="x1248"

readonly

="readonly"

/>

p>

>

for=

"price"

>

訂單總價:label

>

type

="text"

id="price"

size

="12"

value="

" disabled

="disabled"

/>

p>

form

>

web前端知識考點

回到頂部 在網頁中,乙個元素占有空間的大小由幾個部分構成,其中包括元素的內容 content 元素的內邊距 padding 元素的邊框 border 元素的外邊距 margin 四個部分。這四個部分占有的空間中,有的部分可以顯示相應的內容,而有的部分只用來分隔相鄰的區域或區域。4個部分一起構成了cs...

WEB前端知識總結

1 css3中設定max width 為讓更好適應螢幕 2 position absolute 讓元素脫離,z index屬性可以改變堆疊順序 3 如何讓元素透明 background color transparent 4 設定透明度 opacity 0.5 5 後台頁面可以使用bootstrap...

web前端知識2

jquery 常用方法 ajax jquery中,d ocum ent rea dy 是什麼意 思?和w indo w.on load 的區別?還有其他 什麼寫法 或者替代 方法?document ready html結構已完全載入時,指令碼就可以執行。window.onload 直到所有的東西都載...