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

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

Html標簽簡明教程

2020-07-14 13:33:22
字體:
來源:轉載
供稿:網友

概述

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

列表標簽: <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” alt=”說明文字" height width border/>
src屬性中可用兩個點(../)代表上層目錄
alt屬性中的說明文字在鼠標懸停和圖片加載失敗時顯示
圖像地圖:用<img>封裝好圖像后,切換到DW設計視圖,在屬性中選擇熱點區域形狀并在圖像上拖動出一塊熱點區域,用熱點區域鏈接某個資源。在頁面中點擊熱點區域就會跳轉到相應資源。

表格標簽: <table>
組成:
標題標簽: <caption>給表格提供標題。
表頭標簽: <th> ,一般對表格的第一行或者第一列進行格式化,就是粗體顯示,并不常用。
行標簽: <tr>
單元格標簽: <td>  ,加載行標簽的里面,可以簡單理解為,先有行,再在行中加入單元格。
格式:

復制代碼
代碼如下:

<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>

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

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

復制代碼
代碼如下:

<a href="<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 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標簽需要學習下回再加上,持續更新。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩激情片免费| 国产精品一区二区三| 一区二区在线免费视频| 国产精品av免费在线观看| 国产欧美日韩精品丝袜高跟鞋| 久色乳综合思思在线视频| 亚洲精品一区二区网址| 中文字幕不卡在线视频极品| 久久精品一区中文字幕| 亚洲精品www久久久久久广东| 国产v综合v亚洲欧美久久| 日本精品久久久| 国产精品三级久久久久久电影| 欧美中文字幕在线观看| 欧美高清在线播放| 中文字幕久热精品视频在线| 自拍偷拍亚洲欧美| 久久中文字幕国产| 97在线视频国产| 日韩亚洲一区二区| 午夜精品福利电影| 国产欧美一区二区三区在线看| 日韩视频免费观看| 国产精品久久久久免费a∨大胸| 欧美日韩高清区| 午夜精品久久久久久99热| 亚洲欧美日韩一区二区在线| 黄网动漫久久久| 亚洲国产成人精品久久久国产成人一区| 欧美巨猛xxxx猛交黑人97人| 欧美日产国产成人免费图片| 国产精品美女呻吟| 国产精品精品一区二区三区午夜版| 91精品国产免费久久久久久| 日韩成人中文电影| 亚洲精品日韩激情在线电影| 久久九九国产精品怡红院| 国产精品久久久久不卡| 久久久久国产视频| 欧美日韩成人在线视频| 少妇久久久久久| 91在线视频九色| 欧美日韩亚洲系列| 国产精品露脸av在线| 国产精品高潮在线| 亚洲精品456在线播放狼人| 国产精品国产三级国产aⅴ9色| 91中文精品字幕在线视频| 久久精品国产91精品亚洲| 成人国产精品av| 亚洲第一网站男人都懂| 亚洲天堂成人在线视频| 欧美高清视频在线观看| 国产精品99蜜臀久久不卡二区| 亚洲欧洲视频在线| 亚洲乱码一区av黑人高潮| 午夜免费在线观看精品视频| 欧美精品国产精品日韩精品| 久久99热这里只有精品国产| 欧美性69xxxx肥| 久久91精品国产91久久跳| 亚洲男人天堂视频| 久久久久久999| 亚洲国产成人精品女人久久久| 日韩hd视频在线观看| 色综合影院在线| 亚洲视频日韩精品| 亚洲一区第一页| 日韩av在线免费播放| 精品动漫一区二区三区| 欧美另类69精品久久久久9999| 国产噜噜噜噜久久久久久久久| 日韩欧美亚洲综合| 日韩一区二区av| 欧美成人精品一区二区| 国产91网红主播在线观看| 亚洲女同精品视频| 成人激情在线播放| 亚洲综合av影视| 色综合老司机第九色激情| 国产丝袜一区二区三区| 美日韩精品免费视频| 色婷婷综合久久久久| 日韩在线观看成人| 91精品国产色综合久久不卡98口| 国产午夜一区二区| 2019中文字幕在线免费观看| 久久久久久久一区二区| 中日韩午夜理伦电影免费| 国产欧美日韩丝袜精品一区| 国产精品视频中文字幕91| 日本一本a高清免费不卡| 欧美精品一区二区免费| 亚洲成人免费网站| yellow中文字幕久久| 日韩成人在线电影网| 欧美日产国产成人免费图片| 亚洲自拍偷拍视频| 欧美激情精品久久久久久蜜臀| 热久久免费国产视频| 日韩高清中文字幕| 夜夜嗨av一区二区三区免费区| 亚洲色图美腿丝袜| 久久久久久91香蕉国产| 精品视频久久久| 亚洲欧美999| 欧美综合在线观看| 91久久久久久久一区二区| 8x海外华人永久免费日韩内陆视频| 原创国产精品91| 宅男66日本亚洲欧美视频| 亚洲精品久久久久久久久久久| 亚洲国产一区二区三区四区| 久久久精品久久久久| 欧美日韩国产va另类| 国产69久久精品成人看| 欧美日韩加勒比精品一区| 欧美成人精品在线观看| 一区二区三区四区精品| 国产精品视频999| 国产精品三级久久久久久电影| 亚洲视频电影图片偷拍一区| 国产精品99久久久久久www| 欧美性xxxxxx| 欧美精品少妇videofree| 国产偷国产偷亚洲清高网站| 国产亚洲欧美一区| 精品福利在线观看| 欧美丰满少妇xxxxx做受| 伊人久久综合97精品| 亚洲精品国产品国语在线| 亚洲欧美激情四射在线日| 欧美日韩另类字幕中文| 中文字幕欧美日韩| 久久中文字幕视频| 国产精品一久久香蕉国产线看观看| 国产精品黄色影片导航在线观看| 国产精品视频资源| 亚洲丝袜av一区| 亚洲mm色国产网站| 亚洲品质视频自拍网| 国产精品视频地址| 精品久久久av| 亚洲sss综合天堂久久| 98精品国产自产在线观看| 亚洲一区二区三区乱码aⅴ蜜桃女| 日韩免费观看视频| 国模精品视频一区二区| 欧美视频精品一区| 韩国福利视频一区| 久久久久久久一区二区三区| 狠狠久久五月精品中文字幕| 色偷偷91综合久久噜噜| 久久精品91久久香蕉加勒比| 欧美一区二粉嫩精品国产一线天| 日本高清不卡的在线| 色yeye香蕉凹凸一区二区av| 色婷婷久久一区二区| 国产不卡一区二区在线播放| 精品亚洲va在线va天堂资源站| 97福利一区二区| 精品中文视频在线| 久久精品最新地址| 国产精品久久久久久久久久久久|