摘要:標簽會告訴瀏覽器立即停止當前的文本流,并在下一行顯示。在標簽中使用全局的屬性,這樣就能夠在鼠標指針移動到元素上時顯示出簡稱縮寫的完整版本。突出顯示部分文本。對被請求頁面的訪問被禁止。服務器無法找到被請求的頁面。
W3school 最全HTML參考手冊
WWW初級概念什么是WWW
WWW 指萬維網(World Wide Web),萬維網常被稱為Web
Web 是由遍布全球的計算機所組成的網絡,所有 Web 中的計算機都可以彼此通信
所有這些計算機都使用名為 HTTP 的通信標準
WWW 如何工作
web項目存儲于服務器里面
用戶通過瀏覽器來查看web程序
瀏覽器通過一個已知請求來訪問服務器的網頁
請求是一個包含頁面地址的標準 HTTP 請求,如:http://ip或域名/xxx
瀏覽器如何顯示頁面
所有的網頁都含有其如何被顯示的結構
瀏覽器通過閱讀這些結構來顯示頁面
誰制定 web 標準
web 的規則制定主體是 W3C,萬維網聯盟(World Wide Web Consortium)
最核心的 web 標準是 HTML、CSS、XML
HTML 初級概念HTML 指的是超文本標記語言,并非編程語言
HTML 使用標記標簽來描述網頁
HTML 文檔描述網頁,所以 HTML 文檔也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容
XHTML 初級概念XHTML 指可擴展超文本標簽語言
XHTML 的目標是取代 HTML
XHTML 是更嚴格更純凈的 HTML 版本
CSS 初級概念CSS 指層疊樣式表
為了解決內容與表現分離的問題(外部樣式表通常存儲在 CSS 文件中)
多個樣式定義可層疊為一
當同一個HTML元素被不止一個樣式所定義時,會使用哪個樣式呢?
1.瀏覽器缺省設置
2.外部樣式表
3.內部樣式表(位于
外部樣式表可以極大提高工作效率(控制.css文件,控制多個頁面的樣式)
JavaScript 初級概念JavaScript 被設計用來向 HTML 頁面添加交互行為,通常被直接嵌入 HTML 頁面
JavaScript 是一種腳本語言(腳本語言是一種輕量級的編程語言)
JavaScript 是一種解釋性語言(就是說,代碼執行不進行預編譯)
什么是 XMLXML 被設計用來描述數據,HTML 被設計用來顯示數據
XML 指可擴展標記語言,很類似 HTML
XML 標簽沒有被預定義。您需要自行定義標簽
XML 使用文件類型聲明(DTD)或者 XML Schema 來描述數據
XML 不會做任何事情。XML 被設計用來結構化、存儲以及傳輸信息
下面是 John 寫給 George 的便簽,存儲為 XML:
Web 構件George John Reminder Don"t forget the meeting!
HTML 4.01
CSS 的使用 (樣式表)
XHTML
XML 和 XSLT
客戶端腳本
服務器端腳本
通過 SQL 管理數據
Web 的未來
標簽(按功能分類)基礎
換行符,它是一個空標簽(意味著它沒有結束標簽)。
標簽會告訴瀏覽器立即停止當前的文本流,并在下一行顯示。
標簽的 clear 屬性只對這些左對齊或右對齊的圖像或表格起作用。它可以具有三個值:left、right 或者 all,每個值都代表一個邊界或兩邊的邊界。當指定的邊界沒有圖像時,瀏覽器才會繼續輸出文本。
格式
標記縮寫。在 標簽中使用全局的 title 屬性,這樣就能夠在鼠標指針移動到 元素上時顯示出簡稱/縮寫的完整版本。
The PRC was founded in 1949.
突出顯示部分文本。默認是黃色背景,可以通過定義style切換mark的背景色
Do not forget to buy milk today.
Do not forget to buy milk today.
表單
標簽用于為用戶輸入創建 HTML 表單。表單能夠包含 input 元素,比如文本字段、復選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
圖像
和帶有可點擊區域的圖像映射(點擊圖片區域跳轉)。
音頻/視頻
定義聲音,比如音樂或其他音頻流(具體屬性:audio標簽)。
定義視頻,比如電影片段或其他視頻流(具體屬性:vedio標簽)。
允許您規定可替換的視頻/音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇。
鏈接
定義錨,超鏈接,用于從一張頁面鏈接到另一張頁面。target 屬性規定在何處打開頁面上的所有鏈接。
W3School
鏈接一個外部樣式 樣式 樣式表。
列表
無序列表,點開頭
有序列表,數字開頭(默認1開始累加)
屬性
- 咖啡
- 牛奶
- 茶
里面有很多神奇的功能,但是多數不常用!!!
accesskey屬性 規定激活(使元素獲得焦點)元素的快捷鍵。
HTML 教程
注釋:請使用Alt + accessKey (或者 Shift + Alt + accessKey) 來訪問帶有指定快捷鍵的元素。
data-* 屬性 嵌入自定義數據。
這個屬性用于存儲頁面或應用程序的私有自定義數據,可以應用在所有 HTML 元素上。存儲的(自定義)數據能夠被頁面的 JavaScript 中 獲取。
data-* 屬性包括兩部分:
1.屬性名不應該包含任何大寫字母,并且在前綴 "data-" 之后必須有至少一個字符
2.屬性值可以是任意字符串
物種
點擊某個物種來查看其類別:
Window 事件屬性(應用到 標簽!!!)
onload 事件屬性,頁面加載之后立即調用腳本
onresize 事件屬性,當瀏覽器窗口被調整大小時調用
Form 事件(應用到幾乎所有 HTML 元素)
onblur 事件屬性,元素失去焦點時觸發
onchange 事件屬性,元素值改變時觸發。非即時觸發,失去焦點時觸發
onfocus 事件屬性,元素獲得焦點時觸發
Keyboard 事件
onkeydown 事件屬性,用戶(在鍵盤上)按鍵時觸發
onkeypress 事件屬性,用戶(在鍵盤上)按鍵時觸發
onkeyup 事件屬性,用戶(在鍵盤上)釋放按鍵時觸發
注:三個事件的調用順序:onkeydown - onkeypress - onkeyup
Mouse 事件
ondblclick 事件屬性,鼠標雙擊元素時觸發
onmousedown 鼠標按下時觸發,onmouseup 松開鼠標按鈕時觸發。事件順序:onmousedown - onmouseup - onclick
請點擊文本!
onmousemove 鼠標指針移動到元素上時觸發,onmouseout 鼠標指針移動到元素外時觸發,onmouseover 鼠標指針移動到元素上時觸發
onmousewheel 當鼠標滾輪正在被滾動時運行的腳本
onscroll 當元素滾動條被滾動時運行的腳本
HTTP狀態消息1xx: 信息
2xx: 成功
200:請求成功
3xx: 重定向
4xx: 客戶端錯誤
400 Bad Request:服務器未能理解請求。
403 Forbidden:對被請求頁面的訪問被禁止。
404 Not Found:服務器無法找到被請求的頁面。
415 Unsupported Media Type:由于媒介類型不被支持,服務器不會接受請求(比如請求格式不對,要json,傳string)。
5xx: 服務器錯誤
比較 GET 與 POST文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53443.html
摘要:行內元素特征設置寬高屬性無效設置僅左右水平方向有效,上下垂直無效設置上下左右都有效內容不會自動進行換行行內塊元素行內塊元素綜合了兩者的特征,各有取舍,可以對任意元素進行屬性設置。 文章大綱來源:【Day 1】HTML & HTML 5 標記語言 XHTML/HTML/HTML 5異同 了解doctype HTML HTML 5 標記語言 標記語言(ML)即 Markup Langu...
摘要:三開發工具的使用使用技巧編輯器四介紹的概述全稱,翻譯為超文本標記語言,它不是一種編程語言,是一種描述性的標記語言,用于描述超文本內容的顯示方式。【轉】01-html介紹和head標簽主要內容web標準瀏覽器介紹開發工具介紹HTML介紹HTML顏色介紹HTML規范HTML結構詳解一、web標準web準備介紹:w3c:萬維網聯盟組織,用來制定web標準的機構(組織)web標準:制作網頁遵循的規范...
摘要:瀏覽器一個瀏覽器的作用是讀取并顯示一個文檔。聲明聲明有助于瀏覽器能夠正確地顯示頁面。聲明是不區分大小寫的,以下所有寫法都是正確地常見聲明版本在網絡的早期,就具有了很多版本版本年份本文翻譯于網站提供的教程。 什么是HTML HTML 是一種描述 Web 文檔(頁面)的標記語言。 HTML 代表超文本標記語言(Hyper Text Markup Language) 標記語言就是一組標記標...
閱讀 936·2021-11-23 09:51
閱讀 997·2021-11-18 10:02
閱讀 1928·2021-09-10 11:27
閱讀 3148·2021-09-10 10:51
閱讀 788·2019-08-29 15:13
閱讀 2070·2019-08-29 11:32
閱讀 2506·2019-08-29 11:25
閱讀 3051·2019-08-26 11:46