w3c制定的結構和表現的標準;
結構:(xhtml ,xml)
表現:(css)
ecma制定的行為的標準;
行為:(dom ,ecmascript)
結構和表現標準:
1.w3c( world wide web consortium )全球資訊網聯盟,建立於2023年是web技術領域最具權威和影響力的國際中立性技術標準機構。(制定了結構和表現的標準,非贏利性的。)
2.行為標準:dom,ecmascript(ecma制定的)歐洲電腦場商聯合會。
1、新建,開啟,儲存 (ctrl+s)
2、預覽頁面 (f12快捷鍵)
3、建立站點
ctrl+u(首先引數)裡可以更改**裡的**文字大小
f4隱藏顯示所有面版
1)pc端除錯工具的使用 -測試瀏覽器(chrome,ie,firefox)
2)移動端除錯工具chrome可以測試移動端頁面(有很多模擬器)
html 指的是超文字標記語言 (hyper text markup language)
xhtml指可擴充套件超文字標記語言(標識語言)(extensible hypertext markup language)。
html5指的是html的第五次重大修改(第5個版本)(html5 是 w3c 與 whatwg 合作的結果)
whatwg網頁超文字應用技術工作小組是乙個以推動網路html 5 標準為目的而成立的組織。在2023年,由opera、mozilla**會和蘋果這些瀏覽器廠商組成。
命名文件型別
說明我們寫的是標記語言
檔案頭部
檔案標題(顯示在狀態列上的內容)
編碼格式
檔案主體(所有要寫的內容)名稱全部用小寫英文本母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字元;必須以英文本母開頭。
1、《常規標記》
《標記 屬性=「屬性值」 屬性=「屬性值」>2.空標記
```《標記 屬性=「屬性值」 />
說明:1.寫在<>中的第乙個單詞叫做標記,標籤,元素。
2.標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在「」號內。
3.乙個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先後順序。
4.空標記沒有結束標籤,用「/」代替。
### 八、 xhtml常用標記
1)文字標題(h1-h6)
...
六級標題
```* 正文有兩種形式(段落文字和文字列表)
2) 段落(p)
```段落文字內容
```標識乙個段落(段落與段落之間有段間距)
3)空格 ( )
``` ```(所佔位置沒有乙個確定的值,這與當前字型字型大小都有關係).
4) 換行(br)
``````
換行是乙個空標記(強制換行)
5)加粗
加粗有兩個標記
```1.加粗內容2.加粗內容```
6)傾斜
傾斜標記
```1.
2,```
7)水平線
```空標記
```8)列表(ul,ol,dl)
html中有三種列表,分別是:無序列表,有序列表,自定義列表
* 無序列表
無序列表組成:
``````
......
名詞
解釋......
注:所要插入的的必須放在站點下
title的作用: 在你滑鼠懸停在該上時顯示乙個小提示,滑鼠離開就沒有了,html的絕大多數標籤都支援title屬性,title屬性就是專門做提示資訊的
alt的作用:alt屬性是在你的因為某種原因不能載入時在頁面顯示的提示資訊,它會直接輸出在原本載入的地方。
*相對路徑的寫法:
1)當當前檔案與目標檔案在同一目錄下,直接書寫目標檔案檔名+副檔名;
2)當當前檔案與目標檔案所處的資料夾在同一目錄下,寫法如下:
資料夾名/目標檔案全稱+副檔名;
3)當當前檔案所處的資料夾和目標檔案所處的資料夾在同一目錄下,寫法如下:
../目標檔案所處資料夾名/目標檔案檔名+副檔名;
語法:空鏈結
屬性:target:頁面開啟方式
屬性值:_blank 新視窗開啟
屬性值:_self 本視窗開啟
新頁面開啟
作用:顯示資料
注:乙個tr表示一行;乙個td表示一列(乙個單元格)
*資料**的相關屬性
1)width="**的寬度"
2)height="**的高度"
3)border="**的邊框"
4)bgcolor="**的背景色"
5)cellspacing="單元格與單元格之間的間距"
6)cellpadding="單元格與內容之間的空隙"
7)對齊方式:align="left/center/right"; valign=」top/middle/bottom」;
8)合併單元格屬性:
colspan=「所要合併的單元格的列數"合併列;
一行一行 一行
rowspan=「所要合併單元格的行數」合併行;
一行 一行
一行表單的作用:用來收集使用者的資訊的;
1、表單框
1)文字框
2)密碼框
3)提交按鈕
4)重置按鈕
5)單選框/單選按鈕
(預設選中;)
6)核取方塊
(disabled="disabled" :禁用)
(checked="checked" :預設選中)
7)下拉列表
選單內容
8)多行文字框(文字域)
9)按鈕
注:(button和submit的區別是 ,submit是提交按鈕 起到提交資訊的作用,button只起到跳轉的作用,不進行提交。)
13)div的用法
文件區域,文件布局物件
14) span的用法
文字結點(某一小段文字,或是某乙個字)
15)post和get的區別?
get是從伺服器上獲取資料,post是向伺服器傳送資料。
get是把引數資料佇列加到提交表單的action屬性所指的url中,值和表單內各個字段一一對應,在url中可以看到。post是通過http post機制,將表單內各個字段與其內容放置在html header內一起傳送到action屬性所指的url位址。使用者看不到這個過程。
對於get方式,伺服器端用request.querystring獲取變數的值,對於post方式,伺服器端用request.form獲取提交的資料。
get傳送的資料量較小,不能大於2kb。post傳送的資料量較大,一般被預設為不受限制。但理論上,iis4中最大量為80kb,iis5中為100kb。
get安全性非常低,post安全性較高。但是執行效率卻比post方法好。
iframe 元素會建立包含另外乙個文件的內聯框架(即行內框架)
第一章 HTML 基礎學習
html語義表達能力強大 xml extensible markup language 標籤可以自己定製,只要能夠配平就可以了 html hyper text markup language 標籤是由w3c選定好的,賦予特殊含義的封閉的標籤群落 w3c world wide web ide myec...
HTML語言 第一章 HTML基礎
1.html是用來描述網頁的一種語言,它是一種超強文字標記語言,html不是一種程式語言,僅是一種標記語言.2.基本結構 3.html標籤以 開始,以 結束.4.段落和換行標籤 段落標籤 換行標籤 直接使用 表示標籤的開始和結束 表示強制換行顯示.5.水平標籤 水平標籤表示一條水平線,注意該標籤與 ...
HTML第一章總結
如果你要做網頁,那你寫了html文件就要上傳到 web server 上 在客戶使用 web browser 的時候,當你點選乙個鏈結,web browser請求得到 web server 的資訊,然後 web server 返回 browser 資訊 html files告訴 browser 如何...