亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 編程設計 > 正文

Html標簽簡明教程

2020-06-27 15:34:44
字體:
來源:轉載
供稿:網友

概述

1、Html就是超文本標記語言的簡寫,是最基礎的網頁語言
2、Html是通過標簽來定義的語言,代碼都是由標簽所組成
3、Html代碼不用區分大小寫
4、Html代碼由<html>開始</html>結束。里面由頭部分<head></head>和體部分<body></body>兩部分組成
5、頭部分是給Html頁面增加一些輔助或者屬性信息
6、身體部分是真正存放頁面數據的地方

多數標簽都是有開始標簽和結束標簽,其中有個別標簽因為只有單一功能,或者沒有要修飾的內容,可以在標簽內結束。例如<br />
想要對被標簽修飾的內容進行更豐富的操作,就用到了標簽中的屬性,通過對屬性的改變,增加了更多的效果選擇。
屬性與屬性值之間用”=”連接,屬性值可以用雙引號或單引號或者不用引號,一般都會用雙引號?;蛘吖疽幎〞鴮懸幏?br /> 格式:
<標簽名 屬性名=“屬性值”>數據內容</標簽名>
<標簽名 屬性名=“屬性值”/>
操作思想:
為了操作數據,都需要對數據進行不同的標簽封裝,通過標簽中的屬性對封裝的數據進行操作,標簽就相當于一個容器,對容器中的數據進行操作,就是在不斷的改變容器的屬性值。


字體標簽:<font>
例:<font size=5 color=red>字體標簽示例</font>
注:簡單顏色可以直接寫對應的英文,復雜的顏色用16進制表示,表現形式#FF0000兩個數為一組,按紅、綠、藍排列,如:#00FF00表示綠色,建議用工具選取

標題標簽:<h1><h2>…<h6>
因為標題是文本中常用的內容,為了方便操作而定義,使文章排版更加清晰。
特殊字符:
如果要在網頁上顯示一些特殊符號,比如< > &等,因為這些符號在代碼中會被瀏覽器識別并解釋,所以用一些特殊的方式來表示
html標簽

列表標簽: <dl>
<dt>:上層標簽
<dd>:下層標簽
 

復制代碼
代碼如下:

<dl>
<dt>上層項目</dt>
<dd>下層項目</dd>
<dd>下層項目</dd>
<dd>下層項目</dd>
</dl>

列表中項目符號對應的標簽
<ol>:數字標簽(a A I i 1 )
<ul>:符號標簽(circle disc square)
<li>:具體項目內容標簽:此標簽在<ol><ul>中有效
通過type屬性修改項目符號,如果想做出效果更好的列表,如:黑色圓點用圖片表示,就會用到CSS。
例:

復制代碼
代碼如下:

<ol type="1">
<li>游戲名稱</li><code></code>
<ol type="a">
<li>War1</li>
<li>War2</li>
<li>War3</li>
</ol>
<li>游戲說明</li>
<ol type="a">
<li>War1INTRO</li>
<li>War2INTRO</li>
<li>War3INTRO</li>
</ol>
</ol>

 

圖像標簽: <img>
<img src=”../dir/file” style="CURSOR: pointer">復制代碼

代碼如下:

<table border="10" width="40%">
<caption>表格標題</caption>
<tbody><!--為表格分體-->
<tr><!--第一行-->
<th colspan="2">姓名</th>
<th>年齡</th>
</tr>
</tbody>
<tbody>
<tr align="center"><!--第二行-->
<td>張三</td>
<td>李四</td>
</tr>
</tbody>
</table>

html標簽

 

屬性:
<table>
cellpadding:規定單元邊沿與其內容之間的空白。
cellspacing:規定單元格之間的空白。
<td>
rowspan:規定單元格可以橫跨的行數。
colspan:規定單元格可以橫跨的列數。
注:
table標簽中默認都有一個tbody標簽 thead、tbody、tfoot
瀏覽頁面時,瀏覽器解析由table標簽封裝的頁面數據時,讀到</table>表格結束標記才會顯示數據,若封裝頁面數據的表格很大,沒讀到結束標記就不顯示任何數據,用戶體驗不佳,所以將表格分為多個部分,讀一個</tbody>就顯示一部分。用tbody將表格分體

超鏈接標簽: <a>
兩種用法:
一、超鏈接 <a href=””>
 

復制代碼
代碼如下:

<a href="<a href="http://www.sina.com.cn">http://www.sina.com.cn</a>" target="_blank">新浪</a>
<!--href
屬性值可以是url,也可以是本地文件target屬性是指定在哪個窗口或者幀中打開.-->

二、定位標記 <a name=””>
一般在本頁面中使用,當網頁內容過長,定位標記會比拖動滾動條方便快捷。
注:定位標記要和超鏈接結合使用才有效。使用標記時一定在href值的開始加入#標記名。
例:

復制代碼
代碼如下:

<a name="target">標記位置</a>
<p>......
<!--很多空行制造網頁過長的效果-->
<a href="#target">返回標記</a>

郵件鏈接:

復制代碼
代碼如下:

<a href="<a href="mailto:111@qq.comt">mailto:111@qq.comt</a>">聯系我們</a>

迅雷鏈接:

復制代碼
代碼如下:

<a href="thunder://abcdef">妹子.wav</a>

 


屬性:
<table>
cellpadding:規定單元邊沿與其內容之間的空白。
cellspacing:規定單元格之間的空白。
<td>
rowspan:規定單元格可以橫跨的行數。
colspan:規定單元格可以橫跨的列數。
注:
table標簽中默認都有一個tbody標簽 thead、tbody、tfoot
瀏覽頁面時,瀏覽器解析由table標簽封裝的頁面數據時,讀到</table>表格結束標記才會顯示數據,若封裝頁面數據的表格很大,沒讀到結束標記就不顯示任何數據,用戶體驗不佳,所以將表格分為多個部分,讀一個</tbody>就顯示一部分。用tbody將表格分體

超鏈接標簽: <a>
兩種用法:
一、超鏈接 <a href=””>
 

復制代碼
代碼如下:

<a href="<a href="http://www.sina.com.cn">http://www.sina.com.cn</a>" target="_blank">新浪</a>
<!--href
屬性值可以是url,也可以是本地文件target屬性是指定在哪個窗口或者幀中打開.-->

二、定位標記 <a name=””>
一般在本頁面中使用,當網頁內容過長,定位標記會比拖動滾動條方便快捷。
注:定位標記要和超鏈接結合使用才有效。使用標記時一定在href值的開始加入#標記名。
例:

復制代碼
代碼如下:

<a name="target">標記位置</a>
<p>......
<!--很多空行制造網頁過長的效果-->
<a href="#target">返回標記</a>

郵件鏈接:

復制代碼
代碼如下:

<a href="<a href="mailto:111@qq.comt">mailto:111@qq.comt</a>">聯系我們</a>

迅雷鏈接:

復制代碼
代碼如下:

<a href="thunder://abcdef">妹子.wav</a>

 


表單標簽: <form>
表單標簽是最常用的標簽,用于與服務器端的交互。
<input>:輸入標簽;接受用戶輸入信息
 其中type屬性指定輸入標簽的類型
 文本框 text:輸入的文本信息直接顯示在框中。
 密碼框 password:輸入的文本以圓點或者型號的形式顯示。
 單選框 radio:如:性別選擇。
 復選框 checkbox:如:興趣選擇。
 隱藏字段 hidden:在頁面上不顯示,但在提交的時候隨其他內容一起提交。
 提交按鈕 submit:用于提交表單中的內容。
 重置按鈕 reset:將表單中填寫的內容設置為初始值
 按鈕 button:可以為其自定義事件。
 文件上傳 file :后期擴展內容,會自動生成一個文本框,和一個按鈕。
 圖像 image 它可以替代 submit 按鈕

<select>:選擇標簽,提供用戶選擇內容。如:用戶所在省份。size屬性為顯示項目個數。
<option>:子項標簽,屬性 selected 沒有屬性值,加在子項上,其中一個子項上,子項就變成默認被選項。
<textarea>:多行文本框,如:個人信息描述。
<label>:用于給各元素定義快捷鍵。
 for 屬性:指定快捷鍵作用的表單元素。必須與要作用的表單元素的 id 值相同。
 accesskey 屬性:指定快捷鍵,此快捷鍵需要和 alt 鍵組合使用。

表單提交:
1、先定義 form 表單中的 action屬性值,指定表單數據提交的目的地(服務端)。
2、明確提交方式,通過指定 method 屬性值。如果不定義,那么 method 的值默認是 get。
get和post這兩種最常用的提交方式的區別:
1、get提交將數據顯示在地址欄,對于敏感信息不安全。post提交不顯示在地址欄。
2、地址欄中存放的數據是有限的,所以 get 方式對提交的數據體積有限制。post可以提交大體積數據。
3、對提交數據的封裝方式不同:get:將提交數據封裝到了消息頭前面,請求行中。post:將提交的數據封裝到消息頭后,數據體中。

其他標簽
<pre></pre> :此標簽內封裝的文本數據格式將保持原樣,包括空格和縮進等格式。常用于頁面中顯示帶有縮進層次的代碼。
<p></p> :段落標簽,兩個段落之間帶有空行
<b>加粗 <strong>加粗 <i>斜體 <u>下劃線 <sub>下標 <sup>上標
<marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”>此標簽內可以讓內容動起來,scroll滾動穿過/alternate來回彈/slide一下摔死: <form>
表單標簽是最常用的標簽,用于與服務器端的交互。
<input>:輸入標簽;接受用戶輸入信息
 其中type屬性指定輸入標簽的類型
 文本框 text:輸入的文本信息直接顯示在框中。
 密碼框 password:輸入的文本以圓點或者型號的形式顯示。
 單選框 radio:如:性別選擇。
 復選框 checkbox:如:興趣選擇。
 隱藏字段 hidden:在頁面上不顯示,但在提交的時候隨其他內容一起提交。
 提交按鈕 submit:用于提交表單中的內容。
 重置按鈕 reset:將表單中填寫的內容設置為初始值
 按鈕 button:可以為其自定義事件。
 文件上傳 file :后期擴展內容,會自動生成一個文本框,和一個按鈕。
 圖像 image 它可以替代 submit 按鈕

<select>:選擇標簽,提供用戶選擇內容。如:用戶所在省份。size屬性為顯示項目個數。
<option>:子項標簽,屬性 selected 沒有屬性值,加在子項上,其中一個子項上,子項就變成默認被選項。
<textarea>:多行文本框,如:個人信息描述。
<label>:用于給各元素定義快捷鍵。
 for 屬性:指定快捷鍵作用的表單元素。必須與要作用的表單元素的 id 值相同。
 accesskey 屬性:指定快捷鍵,此快捷鍵需要和 alt 鍵組合使用。

表單提交:
1、先定義 form 表單中的 action屬性值,指定表單數據提交的目的地(服務端)。
2、明確提交方式,通過指定 method 屬性值。如果不定義,那么 method 的值默認是 get。
get和post這兩種最常用的提交方式的區別:
1、get提交將數據顯示在地址欄,對于敏感信息不安全。post提交不顯示在地址欄。
2、地址欄中存放的數據是有限的,所以 get 方式對提交的數據體積有限制。post可以提交大體積數據。
3、對提交數據的封裝方式不同:get:將提交數據封裝到了消息頭前面,請求行中。post:將提交的數據封裝到消息頭后,數據體中。

其他標簽
<pre></pre> :此標簽內封裝的文本數據格式將保持原樣,包括空格和縮進等格式。常用于頁面中顯示帶有縮進層次的代碼。
<p></p> :段落標簽,兩個段落之間帶有空行
<b>加粗 <strong>加粗 <i>斜體 <u>下劃線 <sub>下標 <sup>上標
<marquee direction=”left/right/down/up” behavior=”scroll/alternate/slide”>此標簽內可以讓內容動起來,scroll滾動穿過/alternate來回彈/slide一下摔死

今天就寫到這,再有其它HTML標簽需要學習下回再加上,持續更新。


上一篇:eclipse安裝教程(圖文)

下一篇:Texmaker使用方法、Latex的優缺點詳細介紹

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
學習交流
熱門圖片
猜你喜歡的新聞
猜你喜歡的關注

新聞熱點

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
57pao成人永久免费视频| 亚洲第一av网| 久久久av亚洲男天堂| 成人午夜在线观看| 亚洲欧洲在线看| 97热在线精品视频在线观看| 亚洲福利视频久久| 午夜精品久久久久久久久久久久久| 国产中文字幕亚洲| 欧美性xxxx极品hd满灌| 国产亚洲视频在线| 尤物九九久久国产精品的分类| 久久影视电视剧免费网站| 久久久久日韩精品久久久男男| 亚洲色图第一页| 久久久精品日本| 欧美日韩精品在线观看| 青青草成人在线| xxxx欧美18另类的高清| 亚洲欧洲日本专区| 亚洲精品小视频在线观看| 国产精品视频永久免费播放| 亚洲在线视频观看| 91精品国产沙发| 69久久夜色精品国产7777| 亚洲精品久久在线| 中文国产成人精品久久一| 亚洲肉体裸体xxxx137| 91精品国产自产91精品| 日韩在线精品视频| 国产一区二区三区在线播放免费观看| 在线精品高清中文字幕| 久久精品夜夜夜夜夜久久| 亚洲国产成人精品久久久国产成人一区| 国产精品久久久久福利| 欧美伊久线香蕉线新在线| 日韩男女性生活视频| 亚洲国产精品福利| 中文字幕欧美精品日韩中文字幕| 亚洲成人1234| 国产精品久久久亚洲| 欧洲午夜精品久久久| 日韩综合视频在线观看| 精品精品国产国产自在线| 成人黄色av网| 欧日韩不卡在线视频| 韩日精品中文字幕| 亚洲欧美日韩中文视频| 亚洲国产欧美自拍| 91欧美精品成人综合在线观看| 亚洲丝袜在线视频| 国产精品天天狠天天看| 91国自产精品中文字幕亚洲| 欧美高清在线视频观看不卡| 亚洲国产精品成人一区二区| 久久久欧美一区二区| 亚洲欧美日韩中文视频| 国产性色av一区二区| 日韩中文字幕国产| 精品成人国产在线观看男人呻吟| 精品亚洲精品福利线在观看| 国产精品99久久99久久久二8| 国产69精品久久久| 亚洲老头老太hd| 久久精品男人天堂| 久久久亚洲欧洲日产国码aⅴ| 夜夜嗨av一区二区三区免费区| 亚洲a成v人在线观看| 日韩亚洲国产中文字幕| 亚洲欧美中文在线视频| 日韩精品在线免费播放| 色多多国产成人永久免费网站| 91高清视频在线免费观看| 欧美区在线播放| www.美女亚洲精品| 国产一区二区三区在线看| 亚洲精选中文字幕| 亚洲国产高清高潮精品美女| 国产成人精品电影久久久| 91精品久久久久久久久青青| www.日韩系列| 亚洲精品美女在线| 欧美激情国产精品| 国产精品露脸自拍| 亚洲日本欧美日韩高观看| 亚洲日韩第一页| 日韩精品中文字幕在线播放| 国产精品三级网站| 久久久亚洲影院| 国产精品无av码在线观看| 国产亚洲一区二区精品| 亚洲男人第一av网站| 国产精品jizz在线观看麻豆| 欧美日韩在线一区| 亚洲激情视频网站| 日本人成精品视频在线| 中文字幕少妇一区二区三区| 国产69精品99久久久久久宅男| 97国产在线观看| 欧美丝袜美女中出在线| 亚洲网站在线观看| 亚洲欧美日韩精品久久| 欧美精品电影免费在线观看| 亚洲人成网站在线播| 欧美亚洲成人xxx| 国产精品极品美女粉嫩高清在线| 久久夜精品va视频免费观看| 日韩在线小视频| 欧美最猛黑人xxxx黑人猛叫黄| 久久久爽爽爽美女图片| 91免费高清视频| 国产一区二区丝袜高跟鞋图片| 成人亚洲激情网| 成人福利网站在线观看| 欧美体内谢she精2性欧美| 日韩视频永久免费观看| 亚洲国产精品va在线看黑人动漫| 成人激情黄色网| 亚洲人高潮女人毛茸茸| 中文字幕亚洲综合久久| 中文字幕日韩专区| 欧美一级电影免费在线观看| 亚洲欧美国产另类| 69av成年福利视频| 97视频免费在线看| 91精品久久久久久久久久入口| 国产日韩在线一区| 国产成人一区三区| 久久久久久久爱| 日韩一级裸体免费视频| 国内精品久久久久| 91经典在线视频| 久久久久久久久久久国产| 亚洲日韩中文字幕| 欧美日韩午夜视频在线观看| 亚洲性夜色噜噜噜7777| 波霸ol色综合久久| 久久精品夜夜夜夜夜久久| 欧美日韩国产中文字幕| 国产在线观看一区二区三区| 久久九九精品99国产精品| 亚洲第一区在线观看| 1769国内精品视频在线播放| 精品国产美女在线| 国产成人一区二区在线| 日韩免费精品视频| 欧美一级视频一区二区| 亚洲第一页在线| 久久97久久97精品免视看| 欧美日韩视频免费播放| 91在线国产电影| 国产999精品视频| 在线看福利67194| 日韩中文字幕在线视频播放| 久久综合伊人77777蜜臀| 亚洲国产第一页| 深夜精品寂寞黄网站在线观看| 操日韩av在线电影| 日韩中文字幕在线播放| 伊人av综合网| 久久久久九九九九| 国产精品人成电影| 久久成人综合视频| 亚洲欧美国产高清va在线播|