么是HTML?
一,什么是html呢?
HTML英語:HyperText Markup Language,中文:超文本標記語言,是一種用于創建網頁的標準標記語言。
HTML的全稱為超文本標記語言,是一種標記語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。
超文本是一種組織信息的方式,它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。這些相互關聯的信息媒體可能在同一文本中,也可能是其他文件,或是地理位置相距遙遠的某臺計算機上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接,為人們查找,檢索信息提供方便。
HTML即平常上網所看到的的網頁,HTML 命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。
HTML 是用來描述網頁的一種語言。
HTML 不是一種編程語言,而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素,所有html標簽的一個根節點。
<head> 文檔的頭部,描述了文檔的各種屬性和信息,包括文檔的標題,在web中的位置以及和其他文檔的關系。
<meta charset="utf-8"> :對于中文網頁需要使用 <meta charset="utf-8"> 聲明編碼,否則會出現亂碼。
<title> 元素描述了文檔的標題
<body> 元素包含了可見的頁面內容,文檔的主體,以后我們的頁面內容基本上都是寫到這個標簽里面的(比如文本、超鏈接、圖像、表格和列表)。
從初期的網絡誕生后,已經出現了許多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
*請認真填寫需求信息,我們會在24小時內與您取得聯系。