整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML教程:什么是HTML?

          么是HTML?

          一,什么是html呢?

          HTML英語:HyperText Markup Language,中文:超文本標記語言,是一種用于創建網頁的標準標記語言。

          HTML的全稱為超文本標記語言,是一種標記語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。

          超文本是一種組織信息的方式,它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。這些相互關聯的信息媒體可能在同一文本中,也可能是其他文件,或是地理位置相距遙遠的某臺計算機上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接,為人們查找,檢索信息提供方便。

          HTML即平常上網所看到的的網頁,HTML 命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。




          HTML 是用來描述網頁的一種語言。

          HTML 不是一種編程語言,而是一種標記語言

          標記語言是一套標記標簽 (markup tag)

          HTML 使用標記標簽來描述網頁

          HTML 文檔包含了HTML 標簽文本內容

          HTML文檔也叫做 web 頁面





          二,html文檔基本結構

          <!DOCTYPE html> 聲明為 HTML5 文檔

          <html> 元素是 HTML 頁面的根元素,所有html標簽的一個根節點。

          <head> 文檔的頭部,描述了文檔的各種屬性和信息,包括文檔的標題,在web中的位置以及和其他文檔的關系。

          <meta charset="utf-8"> :對于中文網頁需要使用 <meta charset="utf-8"> 聲明編碼,否則會出現亂碼。

          <title> 元素描述了文檔的標題

          <body> 元素包含了可見的頁面內容,文檔的主體,以后我們的頁面內容基本上都是寫到這個標簽里面的(比如文本、超鏈接、圖像、表格和列表)。


          三,HTML版本

          從初期的網絡誕生后,已經出現了許多HTML版本:


          版本

          發布時間

          HTML

          1991

          HTML+

          1993

          HTML 2.0

          1995

          HTML 3.2

          1997

          HTML 4.01

          1999

          XHTML 1.0

          2000

          HTML5

          2012

          XHTML5

          2013

          TML是超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創建網頁的標準標記語言。

          您可以使用 HTML 來建立自己的 WEB 站點,HTML 運行在瀏覽器上,由瀏覽器來解析。

          .HTML指的是超文本標記語言

          .HTML不是編程語言,而是一種標記語言

          .標記語言是一套標記標簽

          .HTML使用標記標簽來描述網頁

          .HTML文檔包含了HTML標簽和文本內容

          .HTML文檔也叫做web頁面

          HTML實例:

          <!DOCTYPE html>
            <html>
            <head>
            <meta charset="utf-8">
              <title> HTML教程實例</title>
            </head>
          <body>
            <h1>我的第一個標題</h1>
          <p>我的第一個段落</p>
            </body>
            </html>

          注意:對于中文網頁需要使用<meta charset="udf-8">聲明編碼,否則出現亂碼。有些瀏覽器(如 360 瀏覽器)會設置 GBK 為默認編碼,則你需要設置為 <meta charset="gbk">。

          實例解析:

          <!DOCTYPE html>聲明為HTML5文檔

          <html>元素是HTML頁面的根元素

          <head>元素包含了文檔的元數據

          <title>元素描述了文檔的標題

          <body>元素包含了可見的頁面內容

          <h1>元素定義一個大標題

          <p>元素定義一個段落

          .form:表單:

          name:表單的名字

          action:表單處理頁面(就是把表單交給誰去處理):action="":表示把表單提交給當前頁面.

          method:提交數據方法:

          method="get":表示把提交的數據附在url后面進行提交。適合于小數據的提交。

          method="post":提交數據的時候進行了編碼,可以進行大的數據的傳輸。(文件上傳)

          2.input:輸入控件:

          (1)inputtype="text":單行文本框:

          name:文本框的字名

          size="":初始大小

          maxlength="":最長長度

          value="":初始文本

          (2)inputtype="password":密碼框

          name:文本框的字名

          size="":初始大小

          maxlength="":最長長度

          (3)input type="radio":單選按鈕:只能選擇一個

          name:文本框的字名

          value="":表示要提交到服務端的數據.

          checked="checked":表示這一項默認被選中的(打開頁面時就是選中狀態)

          (3)inputtype="checkbox":復選框:可以選擇多個

          name:文本框的字名

          value="":表示要提交到服務端的數據.

          checked="checked":表示這一項默認被選中的(打開頁面時就是選中狀態)

          3.select:列表框

          size:列表中可以同時看到的行數(默認值是1)

          <option></option>:列表項

          value:表示要傳遞到服務端的值

          selected="selected":默認被選中

          4.按鈕:

          submit:提交按鈕:(把表單中數據一次性全部提交到服務端)

          type="submit":表示它是一個提交按鈕

          value="":按鈕上顯示的文字

          reset:重置按鈕:(把表單中所有填入的或者選擇的選項進重置)

          type="reset":表示它是一個重置按鈕

          value="":按鈕上顯示的文字

          button:普通按鈕:(在這個按鈕上針以單擊事件來編寫相應的處理代碼)

          onclick=""

          5.textarea:多行文本框:

          <textareaname="" cols="" rows="" >

          默認要顯示的文字

          </textarea>

          6.文本域:用于上傳文件用的

          <form method="post"enctype="mutipart/form-data">

          <inputtype="file" name=""/>

          表示圖像的中間與同一行中最大元素的中間對齊

          7.隱藏域:<input tyep="hidden" name="userName"value="張三"/>

          8.表單只讀與禁用:

          <inputtype="text" name="" value="" readonly="readonly"/>

          <inputtype="text" name="" value="" disabled="disabled"/>

          9.表單域:

          <form>

          <fieldset>

          <lengend></lengend> :域標題

          </fieldset>

          </form>

          10.lable:表單元素的標注:

          <lablefor="userId">用戶名:</lable>

          <inputtype="text" name="name" id="userId"/>

          康諾科技

          2017/7/21


          主站蜘蛛池模板: 精品无码成人片一区二区98| 无码精品黑人一区二区三区 | 精品在线一区二区| 国产一区二区三区在线看| 日韩精品午夜视频一区二区三区| 亚洲国产精品一区二区第一页| 国产精品成人一区二区| 国产一区二区三区在线电影| 亚洲熟妇无码一区二区三区| 一区高清大胆人体| 一区二区三区四区精品视频| 亚洲AV无码一区东京热久久| 东京热无码一区二区三区av| 人妻无码一区二区视频| 一区二区三区四区在线视频| 成人毛片一区二区| 日本精品视频一区二区三区| 午夜DV内射一区区| 国产一区二区三区在线电影 | 国产AV午夜精品一区二区三| 一区二区三区国模大胆| 久久国产高清一区二区三区| 一区二区三区四区在线视频 | 人妻体体内射精一区二区| 无码人妻精品一区二区三18禁| 亚洲国产精品无码久久一区二区 | 日韩精品一区二区三区中文精品 | 国产高清在线精品一区小说| 国产精品一区在线观看你懂的| 久久久久人妻一区精品| 欧洲精品无码一区二区三区在线播放| 中文字幕VA一区二区三区 | 视频一区在线播放| 久久国产高清一区二区三区| 久久精品道一区二区三区| 亚洲熟妇av一区| 国产精品美女一区二区| 中文字幕日本一区| 日韩人妻精品无码一区二区三区 | av在线亚洲欧洲日产一区二区| 日本道免费精品一区二区|