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 直到所有的東西都載...