多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區(qū)平臺聯(lián)系我們 | 收藏本站

HTML教程

←上一篇：程序員必須知道的HTML常用代碼有哪些？

→下一篇：精選多個程序員都想要的免費HTML模板下載

全方位詳解HTML常用標簽（含視頻教程）

閱讀 (2454)

HTML是所有網頁制作技術的核心和基礎，也是每個網頁制作者必須掌握的基本知識，而HTML標簽是HTML語言中最基本的單位，、是HTML最重要的組成部分。初學者首先要知道html標簽的一些特點：

HTML標簽是與大小寫無關的，例如“主體”<body>跟<BODY>表示的意思是一樣的，推薦使用小寫。類似“<關鍵字>”這樣由尖括號包關鍵字組成，例如<html>,<div>……就是HTML標簽。HTML標簽一般是成對出現(xiàn)的，由開始標簽類似“<div>元素內容</div>”，左邊標簽一邊叫開始標簽，右邊</ >叫結束標簽，有始有終，除了一些個別是單閉合標簽的，具體請看下面的標簽分類說明。

單閉合標簽

<meta />	設置頁面信息的	<param />	可為包含它的<object>或<applet>提供參數
<br />	換行	<keygen />	定義生成密鑰
<hr />	水平線	<source />	為媒介元素（如<video>或<audio>）定義媒介源
<area />	圖像映秀區(qū)域	<col />	為表格中一個或多個列定義屬性值
<input />	表單元素，type不同輸入字段擁有不同形式	<frame />	定義frameset中的一個特定的窗口（框架）
<link />	鏈接樣式表	<embed />	定義嵌入的內容，比如插件
<basefont />	定義基準字體，html5不支持<basefont>標簽，不贊成使用	......

字體效果

<h1>…</h1>	標題1（最大）一級級往下字體變小，網頁一般從h1~h4，h4之后一般不會用了	<s>…</s>	刪除線
<h6>…</h6>	標題6（最小）	<del>…</del>	刪除線（表示刪除）
<b>…</b>	粗體字	<kbd>…</kbd>	鍵盤文字
<strong>..</strong>	粗體字（強調）	<tt>…</tt>	打字體
<i>…</i>	斜體字	<xmp>…</xmp>	固定寬度字體（在文件中空白、換行、定位功能有效）
<em>…/em>	斜體字（強調）	<plaintext>…</plaintext>	固定寬度字體（不執(zhí)行標記符號）
<dfn>...</dfn>	斜體字（表示定義）	<listing>…</listing>	固定寬度小字體
<u>…</u>	底線	<font color=00ff00>…</font>	字體顏色（寫成類似color=“#00ff00”也可以）
<ins>...</ins>	底線（表示插入文字）	<font size=1>…</font>	最小字體
<strike>…</strike>	橫線	<font style=font-size:100 px></font>	無限增大(字體大小為100px)

區(qū)斷標記

<hr />	水平線	<nobr>…</nobr>	禁止換行，No Break的縮寫
<hr size=9 />	水平線（設定大小）	<p>…</p>	段落
<hr width=80% />	水平線（設定寬度）	<center>…</center>	對其包圍的文本進行居中設置
<hr color=00ff00 />	水平線（設定顏色）
<br />	換行

鏈接

<base href=地址>	為頁面上的所有鏈接規(guī)定默認地址或默認目標	<a href=地址 target=_top></a>	指定超鏈接目標的 URL(全窗口連接)
<a href=地址></a>	指定超鏈接目標的 URL	<a href=地址 target=頁框名></a>	指定超鏈接目標的 URL（在指定頁框連接）
<a href=地址 target=_blank></a>	指定超鏈接目標的 URL(另開新窗口)

圖像/音樂

<img src=圖片地址 />	往網頁貼圖片	<img src=圖片地址 border=1 />	設定貼的圖片邊框
<img src=圖片地址 width=180 />	設定貼的圖片寬度	<bgsound src=MID音樂文件地址 />	背景音樂設定
<img src=圖片地址 height=30 />	設定貼的圖片高度

表格

<table aling=left>…</table>	表格位置，置左	<table cellpadding=參數>…</table>	指定網格線與網絡線之間的距離（使用數字）
<table aling=center>…</table>	表格的位置，置中	<table cols=參數>…</table>	指定表格的欄數
<table background=圖片路徑>…</table>	背景圖片的URL=就是路徑網址	<table frame=參數>…</table>	設定表格外邊框線的顯示方式
<table border=邊框大小>…</table>	設定表格邊框大小（使用數字）	<table width=寬度>…</table>	指定表格寬度大小（使用數字）
<table bgcolor=顏色碼>…</table>	設置表格的背景顏色	<table height=高度>…</table>	指定表格高度大小（使用數字）
<table bordercolor=顏色碼>…</table>	設定表格邊框的顏色	<td colspan=參數>…</td>	指定儲存格合并欄的欄數(使用數字)
<table bordercolordark=顏色碼>…</table>	設定表格暗邊框的顏色	<td rowspan=參數>…</td>	指定儲存格合并列的列數（使用數字）
<table bordercolorlight=顏色碼>…</table>	設定表格亮邊框的顏色

分割窗口

<frameset col=”20%”,*>	左右分割，將左邊框架分割大小為20%，右邊框架的大小瀏覽器會自動調整	<comment>…</comment>	加上批注
<frameset rows=”20%,*”>	上下分割，將上面框架分割大小為20%，下面框架的大小瀏覽器會自動調整	<dd>…</dd>	設定定義列表的項目描述
<frameset cols=”20%,*”>	分割左右兩個框架	<dfn>…</dfn>	顯示"定義"文字
<frameset cols=”20%,*,20%”>	分割左中右三個框架	<dir>…</dir>	列表文字卷標
<frameset rows=”20%,*,20%”>	分割上中下三個框架	<dl>…</dl>	設定定義列表的卷標
<!--…-->	批注	<dt>...</dt>	定義列表中的項目
<a href target>	指定超級鏈接的分割窗口	<em>…</em>	強調之用
<a href="#錨的名稱>	指定錨名稱的超級鏈接	<font face>	任意指定所用的字形
<a href>	指定超級鏈接	<font size>	設定字體大小
<a name=錨的名稱>	被連結點的名稱	<form action>	設定
<address>…</address>	用來顯示電子郵箱地址
<b>…</b>	粗體字
<base target>	指定超級鏈接的分割窗口
<bgsound src>	加入背景音樂
<big>…</big>	呈現(xiàn)大號字體效果
<blink>	顯示閃爍的字符串或文字（IE不支持）
<body text link vlink>	設定文字顏色
<body>…</body>	顯示本文
<br />	換行
<capition align>	設定表格標題位置
<caption>…</caption>	為表格加上標題
<center>…</center>	對包圍的文本進行居中處理，html5不支持此標簽
<cite>…<cite>	用于引經據典的文字
<code>…</code>	用于列出一段程序代碼

跑馬燈

標簽	功能
<marquee>...</marquee>	普通卷動
<marquee behavior=slide>...</marquee>	滑動
<marquee behavior=scroll>...</marquee>	預設卷動
<marquee behavior=alternate>...</marquee>	來回卷動
<marquee direction=down>...</marquee>	向下卷動
<marquee direction=up>...</marquee>	向上卷動
<marquee direction=right></marquee>	向右卷動
<marquee direction=left></marquee>	向左卷動
<marquee loop=2>...</marquee>	卷動次數
<marquee width=180>...</marquee>	設定寬度
<marquee height=30>...</marquee>	設定高度
<marquee bgcolor=FF0000>...</marquee>	設定背景顏色
<marquee scrollamount=30>...</marquee>	設定卷動距離
<marquee scrolldelay=300>...</marquee>	設定卷動時間

HTML中的標簽和元素的區(qū)別

比如<p>這就是一個標簽；

<p>這里是內容</p>這就是一個元素，也就是說元素由一個開始的標簽和結束的標簽組成，用來包含某些內容；

這里有一個值得注意的例外，即<br/>本身既是開始標簽也是結束標簽，但不包含任何內容，所以這只是個標簽。

1. 元素：
HTML網頁實際上就是由許許多多各種各樣的HTML元素構成的文本文件，并且任何網頁瀏覽器都可以直接運行HTML文件。所以可以這樣說，HTML元素就是構成HTML文件的基本對象，HTML元素可以說是一個統(tǒng)稱而已。HTML元素就是通過使用HTML標簽進行定義的。

2. 標簽：
標簽就是<head>、<body>、<table>等被尖括號“<”和“>”包起來的對象，絕大部分的標簽都是成對出現(xiàn)的，如<table></talbe>、<form></form>。當然還有少部分不是成對出現(xiàn)的，如<br>、<hr>等。

標簽就是用來標記HTML元素的。位于起始標簽和結束標簽之間的文本就是HTML元素的內容。

3. 屬性：
為HTML元素提供各種附加信息的就是HTML屬性，它總是以"屬性名=屬性值"這種名值對的形式出現(xiàn)，而且屬性總是在HTML元素的開始標簽中進行定義。

示例：

<html> 
     <head> <title>示例標題</title> </head> 
     <body bgcolor="red"> 
             <p>這是示例頁面</p> 
     </body> 
</html>

在這個示例中，<p>這是示例頁面</p>就是HTML元素，其中“這是示例頁面”就是元素的具體內容了。
<head><title><body>等就是HTML標簽，這是標簽構成了HTML元素。 <body bgcolor="red">中的bgcolor="red"就是標簽的屬性，它定義了標簽應該如何具體配置。

總之，元素和標簽的區(qū)別也不必太在意，實際工作中我們都直接以標簽統(tǒng)稱。而屬性就很容易明白了，它就是為HTML標簽添加各種附加信息或者配置選項的參數。

HTML常用標簽視頻教程一

HTML常用標簽視頻教程二