摘要:的基本語法常規標記標記屬性屬性值屬性屬性值標記例如空標記標記屬性屬性值例如說明寫在中的第一個單詞叫做標記,標簽,元素。空標記沒有結束標簽,用代替。字母順序的有序列表,大寫羅馬數字,小寫。
HTML基礎 一、網站建站流程
組織解析: (1)W3C( World Wide Web Consortium )萬維網聯盟,創建于1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構。 W3C (制定了結構(xhtml、xml)和表現(css)的標準,非贏利性的。) (2)ECMA(European Computer Manufactures Association) 歐洲電腦場商聯合會。 ECMA制定了行為(DOM(文檔對象模型),ECMAScript)標準 (3)WHATWG網頁超文本應用技術工作小組是: 一個以推動網絡HTML 5 標準為目的而成立的組織。在2004年,由Opera、Mozilla基金會和蘋果這些瀏覽器廠商組成。 HTML及相關概念的介紹 HTML 指的是超文本標記語言 (Hyper Text Markup Language) www萬維網的描述性語言。 XHTML指可擴展超文本標記語言(標識語言)(EXtensible HyperText Markup Language)是一種置標語言,表現方式與超文本標記語言(HTML)類似,不過語法上更加嚴格。 HTML5指的是HTML的第五次重大修改(第5個版本)(HTML5 是 W3C 與 WHATWG 合作的結果)
HTTP-EQUIV類似于HTTP的頭部協議,它回應給瀏覽器一些有用的信息,以幫助正確和精確地顯示網頁內容 聲明了文檔的根元素是 html,它在公共標識符被定義為 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD(Document Type Definition 文檔類型定義) 中進行了定義。瀏覽器將明白如何尋找匹配此公共標識符的 DTD。如果找不到,瀏覽器將使用公共標識符后面的 URL 作為尋找 DTD 的位置 另外,需要知道的是,HTML 4.01 規定的三種文檔類型、XHTML 1.0 規定的三種 XML 文檔類型都是:Strict、Transitional 以及 Frameset。 定義文檔類型 分為四種:Strict(嚴格型)、Trasitional(過渡型 常用這種)、Frameset(框架型)、手機瀏覽器DTD mobile 而這句,是在文檔中的 標簽中使用 xmlns 屬性,以指定整個文檔所使用的主要命名空間。 對于文檔聲明,了解這些就足夠了,現在的html5不再這么繁瑣,只需要: 就可以了。HTML的基本語法
1、<常規標記> <標記 屬性=“屬性值” 屬性=“屬性值”>標記> 例如:
2.空標記 <標記 屬性=“屬性值” /> 例如:說明: 1.寫在<>中的第一個單詞叫做標記,標簽,元素。 2.標記和屬性用空格隔開,屬性和屬性值用等號連接,屬性值必須放在“”號內。 3.一個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先后順序。 4.空標記沒有結束標簽,用“/”代替。
2、段落文本(p)LOGO
次要欄目或標題-小標題H2
再次要欄目或分類小標題H3
文中分類小標題H4
二級標題
六級標題
html標題標簽使用原則: H1在一個網頁中最好只使用一次,如對一個網頁LOGO使用。
3、空格段落文本內容
標識一個段落(段落與段落之間有段間距)
所占位置沒有一個確定的值,這與當前字體字號都有關系.4、換行(br)
5、加粗 加粗有兩個標記
換行是一個空標記(強制換行)
A、加粗內容 B、加粗內容6、傾斜
,7、水平線
8、列表(ul,ol,dl)
空標記
HTML中有三種列表分別是:無序列表,有序列表,自定義列表 *無序列表 無序列表組成:知識擴展2----有序列表的屬性(unordered list) ......
*有序列表 有序列表組成:(ordered list) ......
*自定義列表(definition list)
- 名詞
- 解釋
(definition description) ......
1)、type:規定列表中的列表項目的項目符號的類型 語法:9、插入圖片1 數字順序的有序列表(默認值)(1, 2, 3, 4)。 a 字母順序的有序列表,小寫(a, b, c, d)。 A 字母順序的有序列表,大寫(A,B,C,D) i 羅馬數字,小寫(i, ii, iii, iv)。 I 羅馬數字,大寫(I, ii, iii, iv)。 2)、start 屬性規定有序列表的開始點。 語法:
注:所要插入的圖片必須放在站點下 title的作用: 在你鼠標懸停在該圖片上時顯示一個小提示,鼠標離開就沒有了,HTML的絕大多數標簽都支持title屬性,title屬性就是專門做提示信息的 alt的作用:alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息,它會直接輸出在原本加載圖片的地方。 *相對路徑的寫法: 1)當當前文件與目標文件在同一目錄下,直接書寫目標文件文件名+擴展名; 2)當當前文件與目標文件所處的文件夾在同一目錄下,寫法如下: 文件夾名/目標文件全稱+擴展名; 3)當當前文件所處的文件夾和目標文件所處的文件夾在同一目錄下,寫法如下: ../目標文件所處文件夾名/目標文件文件名+擴展名;10、超鏈接的應用
語法: 鏈接文本/圖片 空鏈接 屬性:target:頁面打開方式,默認屬性值_self。 屬性值:_blank 新窗口打開 新頁面打開11、div和span的用法
沒有具體含義,統稱為塊標簽, 用來設置文檔區域,是文檔布局常用對象 文本結點標簽 可以是某一小段文本,或是某一個字。12、數據表格的作用及組成
作用:顯示數據 表格組成13、表單的作用及組成 表單的作用:用來收集用戶的信息的; 1)、表單框注:一個tr表示一行;一個td表示一列(一個單元格) *數據表格的相關屬性 1)width="表格的寬度" 2)height="表格的高度" 3)border="表格的邊框" 4)bgcolor="表格的背景色" bg=background 5)bordercolor="表格的邊框顏色" 6)cellspacing="單元格與單元格之間的間距" 7)cellpadding="單元格與內容之間的空隙" 8)對齊方式:align="left/center/right"; 9)合并單元格屬性: colspan=“所要合并的單元格的列數"合并列; rowspan=“所要合并單元格的行數”合并行;
2)文本框
3)密碼框
4)重置按鈕
5)單選框/單選按鈕
單選按鈕里的name屬性必須寫,同一組單選按鈕的name屬性值必須一樣。 checked="checked"(默認選中;) disabled="disabled"禁用6)復選框
(disabled="disabled" :禁用) (checked="checked" :默認選中)7)下拉菜單
8)多行文本框(文本域)
9)按鈕
button和submit的區別是:
submit是提交按鈕起到提交信息的作用,type類型是button只起到跳轉的作用,不進行提交。擴展知識點3:對于不同的輸入類型,value 屬性的用法的意義
value 屬性為 input 元素設定值。 對于不同的輸入類型,value 屬性的用法也不同: type="button", "reset", "submit" - 定義按鈕上的顯示的文本 type="text", "password" - 定義輸入字段的初始值 type="checkbox", "radio" - 定義與輸入相關聯的值 注釋: 和 中必須設置 value 屬性。擴展知識點4:
Form中的獲取數據的兩個方式get和post的區別? 1. get是從服務器上獲取數據,post是向服務器傳送數據。 2. get是把參數數據隊列加到提交表單的ACTION屬性所指的URL中,值和表單內各個字段一一對應,在URL中可以看到。post是通過HTTP post機制,將表單內各個字段與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。 3. 對于get方式,服務器端用Request.QueryString獲取變量的值,對于post方式,服務器端用Request.Form獲取提交的數據。 4. get傳送的數據量較小,不能大于2KB。post傳送的數據量較大,一般被默認為不受限制。 5. get安全性非常低,post安全性較高。但是執行效率卻比Post方法好。 建議: 1、get方式的安全性較Post方式要差些,包含機密信息的話,建議用Post數據提交方式; 2、在做數據查詢時,建議用Get方式;而在做數據添加、修改或刪除時,建議用Post方式;
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1810.html
摘要:黑體本系列講解安全所需要的和黑體安全基礎我的第一個網頁黑體安全基礎初識黑體安全基礎初識標簽黑體安全基礎文件夾管理網站黑體安全基礎模塊化黑體安全基礎嵌套列表黑體安全基礎標簽拓展和屬性的使用黑體安全基礎嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎 : HTML/CSS | 0x0 我的第一個網頁 #WEB安全基礎 : HTML/CSS | 0x1初識CSS #WEB安全基...
摘要:現在回到我們這一章節的標題,將它做下補充關于那些事四之基于構架基礎樣式庫基礎庫構思為什么要做基礎庫我上一章節的末尾拋出了幾個問題假設你要做一個游戲單頁面,網頁上并不存在表單內容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節,我們都說了哪些內容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要:現在回到我們這一章節的標題,將它做下補充關于那些事四之基于構架基礎樣式庫基礎庫構思為什么要做基礎庫我上一章節的末尾拋出了幾個問題假設你要做一個游戲單頁面,網頁上并不存在表單內容,那么你就要移除一些冗余的代碼,開始自定義樣式來滿足自己的需求。 前言 先來回顧一下前幾章節,我們都說了哪些內容: CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要:基礎基礎是一種標記語言,不是編程語言,需要明確這點。元素標簽內容基礎基礎負責文本樣式的呈現,既然將和分離開,各自只負責各自的職責,那么肯定需要某種方式將兩者連接在一起。 本篇文章已授權微信公眾號 dasu_Android(大蘇)獨家發布 聲明 本系列文章內容全部梳理自以下四個來源: 《HTML5權威指南》 《JavaScript權威指南》 MDN web docs Github:smyh...
摘要:示例使用的模板的指令通過從引用來實現模板的繼承。上面的模板定義了三個,分別命名為和。同時返回相應錯誤的數字狀態碼。示例帶有導航欄的基礎應用程序模板這個模板中的塊中只是一個名為的元素,它包含了在派生模板中定義的名為的空。 2、集成Twitter Bootstrap的Flask-Bootstrap Bootstrap是Twitter的一個開源框架,提供用戶交互組件來創建一個清新且有吸引力...
閱讀 713·2023-04-25 19:43
閱讀 3910·2021-11-30 14:52
閱讀 3784·2021-11-30 14:52
閱讀 3852·2021-11-29 11:00
閱讀 3783·2021-11-29 11:00
閱讀 3869·2021-11-29 11:00
閱讀 3557·2021-11-29 11:00
閱讀 6105·2021-11-29 11:00