成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML基礎(chǔ)

番茄西紅柿 / 1228人閱讀

摘要：的基本語(yǔ)法常規(guī)標(biāo)記標(biāo)記屬性屬性值屬性屬性值標(biāo)記例如空標(biāo)記標(biāo)記屬性屬性值例如說(shuō)明寫在中的第一個(gè)單詞叫做標(biāo)記，標(biāo)簽，元素?？諛?biāo)記沒有結(jié)束標(biāo)簽，用代替。字母順序的有序列表，大寫羅馬數(shù)字，小寫。

HTML基礎(chǔ)   一、網(wǎng)站建站流程    

 

   

二、WEB標(biāo)準(zhǔn)，W3C/WHATWG/ECMA相關(guān)概念

  WEB標(biāo)準(zhǔn)的概念及組成    

 

  組織解析： （1）W3C( World Wide Web Consortium )萬(wàn)維網(wǎng)聯(lián)盟，創(chuàng)建于1994年是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。 W3C (制定了結(jié)構(gòu)(xhtml、xml)和表現(xiàn)(css)的標(biāo)準(zhǔn)，非贏利性的。) （2）ECMA(European Computer Manufactures Association) 歐洲電腦場(chǎng)商聯(lián)合會(huì)。 ECMA制定了行為(DOM(文檔對(duì)象模型)，ECMAScript)標(biāo)準(zhǔn) （3）WHATWG網(wǎng)頁(yè)超文本應(yīng)用技術(shù)工作小組是： 一個(gè)以推動(dòng)網(wǎng)絡(luò)HTML 5 標(biāo)準(zhǔn)為目的而成立的組織。在2004年，由Opera、Mozilla基金會(huì)和蘋果這些瀏覽器廠商組成。 HTML及相關(guān)概念的介紹 HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language) www萬(wàn)維網(wǎng)的描述性語(yǔ)言。 XHTML指可擴(kuò)展超文本標(biāo)記語(yǔ)言（標(biāo)識(shí)語(yǔ)言）（EXtensible HyperText Markup Language）是一種置標(biāo)語(yǔ)言，表現(xiàn)方式與超文本標(biāo)記語(yǔ)言（HTML）類似，不過(guò)語(yǔ)法上更加嚴(yán)格。 HTML5指的是HTML的第五次重大修改（第5個(gè)版本）(HTML5 是 W3C 與 WHATWG 合作的結(jié)果)  

三、HTML基本結(jié)構(gòu)和HTML基本語(yǔ)法

HTML基本結(jié)構(gòu) 擴(kuò)展知識(shí)點(diǎn)1：
HTTP-EQUIV類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容  聲明了文檔的根元素是 html，它在公共標(biāo)識(shí)符被定義為 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD(Document Type Definition 文檔類型定義) 中進(jìn)行了定義。瀏覽器將明白如何尋找匹配此公共標(biāo)識(shí)符的 DTD。如果找不到，瀏覽器將使用公共標(biāo)識(shí)符后面的 URL 作為尋找 DTD 的位置 另外，需要知道的是，HTML 4.01 規(guī)定的三種文檔類型、XHTML 1.0 規(guī)定的三種 XML 文檔類型都是：Strict、Transitional 以及 Frameset。 定義文檔類型 分為四種：Strict（嚴(yán)格型)、Trasitional（過(guò)渡型 常用這種）、Frameset（框架型）、手機(jī)瀏覽器DTD mobile 而這句，是在文檔中的 標(biāo)簽中使用 xmlns 屬性，以指定整個(gè)文檔所使用的主要命名空間。 對(duì)于文檔聲明，了解這些就足夠了，現(xiàn)在的html5不再這么繁瑣，只需要： 就可以了。
HTML的基本語(yǔ)法
1、<常規(guī)標(biāo)記> <標(biāo)記 屬性=“屬性值” 屬性=“屬性值”> 例如：
2.空標(biāo)記 <標(biāo)記 屬性=“屬性值” /> 例如：
說(shuō)明： 1.寫在<>中的第一個(gè)單詞叫做標(biāo)記，標(biāo)簽，元素。 2.標(biāo)記和屬性用空格隔開，屬性和屬性值用等號(hào)連接，屬性值必須放在“”號(hào)內(nèi)。 3.一個(gè)標(biāo)記可以沒有屬性也可以有多個(gè)屬性，屬性和屬性之間不分先后順序。 4.空標(biāo)記沒有結(jié)束標(biāo)簽，用“/”代替。

四、HTML常用標(biāo)記

1、文本標(biāo)題（h1-h6）  

LOGO

 

次要欄目或標(biāo)題-小標(biāo)題H2

 

再次要欄目或分類小標(biāo)題H3

 

文中分類小標(biāo)題H4

 
二級(jí)標(biāo)題
六級(jí)標(biāo)題
html標(biāo)題標(biāo)簽使用原則： H1在一個(gè)網(wǎng)頁(yè)中最好只使用一次，如對(duì)一個(gè)網(wǎng)頁(yè)LOGO使用。
2、段落文本(p)  

段落文本內(nèi)容

標(biāo)識(shí)一個(gè)段落(段落與段落之間有段間距)
3、空格  
  所占位置沒有一個(gè)確定的值,這與當(dāng)前字體字號(hào)都有關(guān)系.
4、換行(br)

換行是一個(gè)空標(biāo)記(強(qiáng)制換行)
5、加粗 加粗有兩個(gè)標(biāo)記
A、加粗內(nèi)容 B、加粗內(nèi)容
6、傾斜
,
7、水平線
   
空標(biāo)記
8、列表(ul,ol,dl)
HTML中有三種列表分別是：無(wú)序列表，有序列表，自定義列表 *無(wú)序列表 無(wú)序列表組成：
    (unordered list)
  • ．．．．．．
*有序列表 有序列表組成：
    (ordered list)
  2. ．．．．．．
*自定義列表
(definition list)
名詞
解釋
(definition description) ．．．．．．
 
知識(shí)擴(kuò)展2----有序列表的屬性
1)、type:規(guī)定列表中的列表項(xiàng)目的項(xiàng)目符號(hào)的類型 語(yǔ)法：
    1 數(shù)字順序的有序列表（默認(rèn)值）（1, 2, 3, 4）。 a 字母順序的有序列表，小寫（a, b, c, d）。 A 字母順序的有序列表，大寫（A,B,C,D) i 羅馬數(shù)字，小寫（i, ii, iii, iv）。 I 羅馬數(shù)字，大寫（I, ii, iii, iv）。 2)、start 屬性規(guī)定有序列表的開始點(diǎn)。 語(yǔ)法：
      9、插入圖片
      圖片替換文本 注:所要插入的圖片必須放在站點(diǎn)下 title的作用: 在你鼠標(biāo)懸停在該圖片上時(shí)顯示一個(gè)小提示，鼠標(biāo)離開就沒有了，HTML的絕大多數(shù)標(biāo)簽都支持title屬性，title屬性就是專門做提示信息的 alt的作用:alt屬性是在你的圖片因?yàn)槟撤N原因不能加載時(shí)在頁(yè)面顯示的提示信息，它會(huì)直接輸出在原本加載圖片的地方。 *相對(duì)路徑的寫法： 1)當(dāng)當(dāng)前文件與目標(biāo)文件在同一目錄下，直接書寫目標(biāo)文件文件名+擴(kuò)展名； 2)當(dāng)當(dāng)前文件與目標(biāo)文件所處的文件夾在同一目錄下，寫法如下： 文件夾名/目標(biāo)文件全稱+擴(kuò)展名； 3)當(dāng)當(dāng)前文件所處的文件夾和目標(biāo)文件所處的文件夾在同一目錄下，寫法如下： ../目標(biāo)文件所處文件夾名/目標(biāo)文件文件名+擴(kuò)展名；
      10、超鏈接的應(yīng)用
      語(yǔ)法： 鏈接文本/圖片 空鏈接 屬性：target:頁(yè)面打開方式，默認(rèn)屬性值_self。 屬性值：_blank 新窗口打開 新頁(yè)面打開
      11、div和span的用法
      沒有具體含義，統(tǒng)稱為塊標(biāo)簽， 用來(lái)設(shè)置文檔區(qū)域，是文檔布局常用對(duì)象 文本結(jié)點(diǎn)標(biāo)簽 可以是某一小段文本，或是某一個(gè)字。 
      12、數(shù)據(jù)表格的作用及組成
      作用：顯示數(shù)據(jù) 表格組成
      注：一個(gè)tr表示一行;一個(gè)td表示一列(一個(gè)單元格) *數(shù)據(jù)表格的相關(guān)屬性 1）width="表格的寬度" 2）height="表格的高度" 3）border="表格的邊框" 4）bgcolor="表格的背景色" bg=background 5）bordercolor="表格的邊框顏色" 6）cellspacing="單元格與單元格之間的間距" 7）cellpadding="單元格與內(nèi)容之間的空隙" 8）對(duì)齊方式：align="left/center/right"; 9)合并單元格屬性： colspan=“所要合并的單元格的列數(shù)"合并列; rowspan=“所要合并單元格的行數(shù)”合并行;
      13、表單的作用及組成 表單的作用：用來(lái)收集用戶的信息的; 1)、表單框
      2）文本框
      3)密碼框
      4)重置按鈕
      5）單選框/單選按鈕
      單選按鈕里的name屬性必須寫，同一組單選按鈕的name屬性值必須一樣。 checked="checked"(默認(rèn)選中；) disabled="disabled"禁用
      6）復(fù)選框
      (disabled="disabled" :禁用) (checked="checked" :默認(rèn)選中)
      7)下拉菜單
      8）多行文本框（文本域）
      9)按鈕
      button和submit的區(qū)別是：
      submit是提交按鈕起到提交信息的作用，type類型是button只起到跳轉(zhuǎn)的作用，不進(jìn)行提交。
      擴(kuò)展知識(shí)點(diǎn)3：對(duì)于不同的輸入類型，value 屬性的用法的意義
      value 屬性為 input 元素設(shè)定值。 對(duì)于不同的輸入類型，value 屬性的用法也不同： type="button", "reset", "submit" - 定義按鈕上的顯示的文本 type="text", "password" - 定義輸入字段的初始值 type="checkbox", "radio" - 定義與輸入相關(guān)聯(lián)的值 注釋： 和 中必須設(shè)置 value 屬性。
      擴(kuò)展知識(shí)點(diǎn)4：
      Form中的獲取數(shù)據(jù)的兩個(gè)方式get和post的區(qū)別？ 1. get是從服務(wù)器上獲取數(shù)據(jù)，post是向服務(wù)器傳送數(shù)據(jù)。 2. get是把參數(shù)數(shù)據(jù)隊(duì)列加到提交表單的ACTION屬性所指的URL中，值和表單內(nèi)各個(gè)字段一一對(duì)應(yīng)，在URL中可以看到。post是通過(guò)HTTP post機(jī)制，將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個(gè)過(guò)程。 3. 對(duì)于get方式，服務(wù)器端用Request.QueryString獲取變量的值，對(duì)于post方式，服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。 4. get傳送的數(shù)據(jù)量較小，不能大于2KB。post傳送的數(shù)據(jù)量較大，一般被默認(rèn)為不受限制。 5. get安全性非常低，post安全性較高。但是執(zhí)行效率卻比Post方法好。 建議： 1、get方式的安全性較Post方式要差些，包含機(jī)密信息的話，建議用Post數(shù)據(jù)提交方式； 2、在做數(shù)據(jù)查詢時(shí)，建議用Get方式；而在做數(shù)據(jù)添加、修改或刪除時(shí)，建議用Post方式；
       

      文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

      轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1810.html

      相關(guān)文章

      • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

        摘要：黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁(yè)黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁(yè) #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...

        EscapedDog 評(píng)論0 收藏0

      • 關(guān)于CSS Reset 那些事（四）之 構(gòu)架CSS基礎(chǔ)樣式庫(kù)

        摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫(kù)基礎(chǔ)庫(kù)構(gòu)思為什么要做基礎(chǔ)庫(kù)我上一章節(jié)的末尾拋出了幾個(gè)問(wèn)題假設(shè)你要做一個(gè)游戲單頁(yè)面，網(wǎng)頁(yè)上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開始自定義樣式來(lái)滿足自己的需求。 前言 先來(lái)回顧一下前幾章節(jié)，我們都說(shuō)了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

        mj 評(píng)論0 收藏0

      • 關(guān)于CSS Reset 那些事（四）之 構(gòu)架CSS基礎(chǔ)樣式庫(kù)

        摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫(kù)基礎(chǔ)庫(kù)構(gòu)思為什么要做基礎(chǔ)庫(kù)我上一章節(jié)的末尾拋出了幾個(gè)問(wèn)題假設(shè)你要做一個(gè)游戲單頁(yè)面，網(wǎng)頁(yè)上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開始自定義樣式來(lái)滿足自己的需求。 前言 先來(lái)回顧一下前幾章節(jié)，我們都說(shuō)了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...

        Yu_Huang 評(píng)論0 收藏0

      • 前端入門1-基礎(chǔ)概念

        摘要：基礎(chǔ)基礎(chǔ)是一種標(biāo)記語(yǔ)言，不是編程語(yǔ)言，需要明確這點(diǎn)。元素標(biāo)簽內(nèi)容基礎(chǔ)基礎(chǔ)負(fù)責(zé)文本樣式的呈現(xiàn)，既然將和分離開，各自只負(fù)責(zé)各自的職責(zé)，那么肯定需要某種方式將兩者連接在一起。 本篇文章已授權(quán)微信公眾號(hào) dasu_Android（大蘇）獨(dú)家發(fā)布 聲明 本系列文章內(nèi)容全部梳理自以下四個(gè)來(lái)源： 《HTML5權(quán)威指南》 《JavaScript權(quán)威指南》 MDN web docs Github:smyh...

        codecraft 評(píng)論0 收藏0

      • Flask Web Development —— 模板（中）

        摘要：示例使用的模板的指令通過(guò)從引用來(lái)實(shí)現(xiàn)模板的繼承。上面的模板定義了三個(gè)，分別命名為和。同時(shí)返回相應(yīng)錯(cuò)誤的數(shù)字狀態(tài)碼。示例帶有導(dǎo)航欄的基礎(chǔ)應(yīng)用程序模板這個(gè)模板中的塊中只是一個(gè)名為的元素，它包含了在派生模板中定義的名為的空。 2、集成Twitter Bootstrap的Flask-Bootstrap Bootstrap是Twitter的一個(gè)開源框架，提供用戶交互組件來(lái)創(chuàng)建一個(gè)清新且有吸引力...

        eternalshallow 評(píng)論0 收藏0

      發(fā)表評(píng)論

      0條評(píng)論

      最新活動(dòng)
      閱讀需要支付1元查看
      <