簡介描述
HTML(超文本標記語言---HyperText Markup Language)
一種由不同元素組成的標記語言泡嘴,它可以應用于文本片段量愧,使文本在文檔中具有不同的含義。
“超文本”是指在單個網站內或網站之間將網頁彼此連接的鏈接辑畦。
HTML第一版由李爵士發(fā)明
自1996年起,HTML規(guī)范一直由萬維網聯盟(W3C)維護腿倚,并由商業(yè)軟件廠商出資
HTML標記包含標簽纯出、基于字符的數據類型、字符引用和實體引用等幾個關鍵部分
編寫HTML語言的關鍵,就是把標簽用對暂筝,使它能夠正確傳達語義信息箩言,不要使用無含義或錯誤含義的標簽
HTML是沒有塊級元素或者內聯元素的區(qū)別,
HTML不管樣式焕襟,只管內容陨收,它只定義這是一個什么東西
下面是一個經典的 "Hello World"程序的例子
<!DOCTYPE html>
<html>
<head>
<title>這是標題</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
<html>和</html>之間的文本描述網頁,<body>和</body>之間的文本為可視頁面內容鸵赖。標記文本“<title>這是標題</title>“定義了瀏覽器的頁面標題务漩,如圖:
HTML文檔需要以文檔類型聲明,HTML 4及以前的版本非常復雜
例如HTML4的的聲明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
相比之下HTML5的更為簡短它褪,方便記憶菲饼!
<!DOCTYPE html>
標簽
HTML文檔由嵌套的HTML元素構成。它們用HTML標簽表示列赎,包含于尖括號中宏悦,如 <p>
一個元素由一對標簽表示:“開始標簽”<p>與“結束標簽”</p>。元素如果含有文本內容包吝,就被放置在這些標簽之間
在開始與結束標簽之間也可以封裝另外的標簽饼煞,包括標簽與文本的混合。
一個HTML元素的一般形式為:<標簽 屬性1="值1" 屬性2="值2">內容</標簽>诗越。
一些HTML元素被定義為空元素砖瞧,其形式為<標簽 屬性1="值1" 屬性2="值2">
空元素不能封裝任何內容黔漂。例如
標簽或<img>搁胆。一個HTML元素的名稱即為標簽使用的名稱。注意淹辞,結束標簽的名稱前面有一個斜杠“/”床未,空元素不需要也不允許結束標簽
常見的標簽:
iframe標簽
內嵌的窗口竭翠,嵌套的瀏覽上下文,有效地將另一個HTML頁面嵌入到當前頁面中
例如:
<iframe src="https://www.baidu.com" name="xxx"></iframe>
效果會在當前網頁中嵌入一個網址為百度的窗口
通常iframe標簽主要配合a標簽使用薇搁,比如:
<iframe name=xxx src="#" frameborder="0"></iframe>
<a target =xxx >baidu</a>
<a target =xxx >qq</a>
意思是我的a標簽要在name為xxx的ifram內嵌窗口中打開斋扰,點擊baidu或者QQ打開相應的頁面
frameborder="0"
類似邊框 設為0就是消除邊框,設為1就會顯示邊框
實際如圖:
a標簽
錨點啃洋,可以創(chuàng)建一個到其他網頁传货、文件、同一頁面內的位置宏娄、電子郵件地址或任何其他URL的超鏈接问裕;開始標簽和結束標簽都不能省略;a標簽必須有href孵坚,如果沒有就會變成一個span粮宛。
如果href="" href為空就會刷新頁面跳轉到自身
示例:
<a >External Link</a>
鏈接到外部地址
<a href="#屬性"></a>
"#屬性" 屬性需要改成當前頁面跳轉出名稱
鏈接到本頁的某個部分
<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>
創(chuàng)建一個email鏈接
download屬性:指示瀏覽器下載URL而不是導航到URL貌踏,因此將提示用戶將其保存為本地文件。
<a download>下載</a>
target屬性:該屬性指定在何處打開鏈接
<a target="_black">111</a>
<a target="_self">222</a>
<a target="_parent">333</a>
<a target="_top">444</a>
- _blank 新窗口
- _self 當前頁面
- _parent 父級頁面
- _top 進入頂層
javascript偽協(xié)議:它不是URL窟勃,當我們有一個a標簽需求的同時又不想它跳轉的時候祖乳,就可以用javascript偽協(xié)議 代碼如下:
<a href="javascript:;">111</a>
input標簽
用于為基于Web的表單創(chuàng)建交互式控件,<input> 標簽沒有結束標簽
它的type屬性包含很多可用的值秉氧,常見值如下:
- submit:用于提交表單的按鈕眷昆,submit是唯一能夠確定這個from表單能不能點擊提交的按鈕
- button:無缺省行為按鈕
<button>button</button>
如果沒寫type,button 會自動升級為提交按鈕汁咏,默認是一個submit按鈕- checkbox: 復選框
- radio:單選按鈕
- multiple:多選按鈕
- select:下拉列表
form標簽
表示了文檔中的一個區(qū)域亚斋,這個區(qū)域包含有交互控制元件,用來向web服務器提交信息攘滩;
from標簽作用也是跳轉頁面帅刊,和a標簽不同的是:a標簽跳轉的時候發(fā)起的是GET請求; form標簽跳轉的時候發(fā)起的是POST請求
form action="users" method="POST">
<input type="text" name="xx">
<input type="password" name="yy">
<input type="submit" value="提交">
</form>
提交的name會上傳到請求的第四部分
table標簽
表示表格數據
詳見