整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML基本標(biāo)簽，即超文本標(biāo)記語(yǔ)言（HyperText Markup Language）。
標(biāo)簽是由小于號(hào)(<)+中間字符+大于號(hào)(>)組成的代碼（英文字符）組成的，主要是用來(lái)標(biāo)記內(nèi)容模塊的，也可以用來(lái)標(biāo)明元素內(nèi)容的意義。標(biāo)簽一般使用尖括號(hào)包圍，例如：、,這兩個(gè)標(biāo)簽都是表示一個(gè)HTML文件。
作用是給用戶展示特定內(nèi)容或是告訴瀏覽器與搜索引擎關(guān)于網(wǎng)頁(yè)的部分信息。
單標(biāo)簽<只有開(kāi)始標(biāo)簽；雙標(biāo)簽開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽成雙出現(xiàn)；"/”：網(wǎng)頁(yè)上如果某個(gè)標(biāo)簽的小于號(hào)后面有此符號(hào)的即為結(jié)束標(biāo)簽，沒(méi)有此符號(hào)的則為雙標(biāo)簽 的專業(yè)術(shù)語(yǔ)稱為注釋標(biāo)簽。
我們可以將一行代碼的作用、含義、意圖等信息寫(xiě)在這四個(gè)減號(hào)中間，讓自己后期能夠看懂之前寫(xiě)的什么。
標(biāo)簽的使用有兩種形式，一種是成對(duì)出現(xiàn)的標(biāo)簽，另一種是段度出現(xiàn)的標(biāo)簽。無(wú)論是哪種標(biāo)簽，都不能含有空格。
1、成對(duì)式標(biāo)簽成對(duì)式標(biāo)簽也是包含開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽的形式。比如，前端布局中常用的網(wǎng)頁(yè)內(nèi)容，這是一個(gè)標(biāo)準(zhǔn)的成對(duì)出現(xiàn)的標(biāo)簽。起始標(biāo)記標(biāo)志代表內(nèi)容段的開(kāi)始，而結(jié)束標(biāo)記則代表內(nèi)容段的結(jié)束。
2、雖然不是所有的開(kāi)始標(biāo)簽都要有對(duì)應(yīng)的結(jié)束標(biāo)簽，但是最好都有，這樣網(wǎng)站頁(yè)面更容易閱讀，也更容易需要更改。如果開(kāi)始標(biāo)記和結(jié)束標(biāo)記之間沒(méi)有內(nèi)容，可以寫(xiě)成。
3、標(biāo)簽屬性的定義
和元素相關(guān)的特性就是屬性，可以為屬性賦值。正常情況下，可以不使用引號(hào)來(lái)包含屬性值，這時(shí)候?qū)傩灾祽?yīng)該包含數(shù)字、字母、符號(hào)。使用引號(hào)可以更好的表現(xiàn)，因?yàn)檫@符合W3C的標(biāo)準(zhǔn)，并且可以順利的鏈接未來(lái)的標(biāo)準(zhǔn)。
4、大小寫(xiě)規(guī)范
項(xiàng)目名稱及屬性均不分大小寫(xiě)，但仍建議使用者標(biāo)簽以大寫(xiě)字母為主，屬性以小寫(xiě)字母為主，以便于瀏覽及了解。
5、基本標(biāo)簽：
（1）段落標(biāo)簽
在html中如果你輸入兩段話，那么他顯示的還是顯示在一行上，這個(gè)時(shí)候就需要我們?cè)诜侄蔚牡胤郊由?段落標(biāo)簽 才能正常換行
（2）標(biāo)題字
標(biāo)題字就像我們的word文章標(biāo)題一樣，需要明確那些文字是標(biāo)題
（3）換行符
輸入一段話我們想要在某一段在下一行顯示，那么就需要進(jìn)行換行。
（4）水平線
我們常常用一條線來(lái)分割上下文，那么就會(huì)用到 水平線 這個(gè)標(biāo)簽
（5）預(yù)留格式
當(dāng)我們?cè)趆tml頁(yè)面中寫(xiě)如一些東西的時(shí)候他往往不會(huì)按照你輸入的格式來(lái)，那么就需要用到 預(yù)留格式 這個(gè)標(biāo)簽
（6）粗體字 斜體字 插入字 刪除字
粗體字 粗體字
斜體字 斜體字
插入字 插入字
刪除字 刪除字 就是刪除字中間有一條橫線
（7）右上角加字 右下角加字
右上角加字： 102
右下角加字： CO2
（8）字體標(biāo)簽
有些時(shí)候我們想在一些文字加上一些修飾，那么就需要用到字體標(biāo)簽有些時(shí)候我們想在一些文字重點(diǎn)強(qiáng)調(diào)加上修飾。效果如下：有些時(shí)候我們想在一些文字重點(diǎn)強(qiáng)調(diào)，加上修飾。
<metahttp-equiv="Windows-Target"content="_top">
<NOBR> 取消換行 和<br>相反
總類（所有HTML文件都有的
--------------------------------------------------------------------------------
文件類型 <HTML></HTML> 放在檔案的開(kāi)頭與結(jié)尾）
文件主題 <TITLE></TITLE> 必須放在「文頭」區(qū)塊內(nèi)）
文頭 <HEA D></HEA D> 描述性資料，像是「主題」）
文體 <BODY></BODY> 文件本體）
結(jié)構(gòu)性定義（由瀏覽器控制的顯示風(fēng)格）
--------------------------------------------------------------------------------
標(biāo)題<H?></H?>表示從16有六層選擇）數(shù)值越高字越小
標(biāo)題對(duì)齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>左對(duì)齊、居中對(duì)齊、右對(duì)齊
區(qū)分<P></P>
區(qū)分對(duì)齊<PALIGN=LEFT|RIGHT|CENTER|JUSTIFY></P>左對(duì)齊、右對(duì)齊、居中對(duì)齊、兩端對(duì)齊
引文區(qū)塊<BLOCKQUOTE></BLOCKQUOTE>通常會(huì)內(nèi)縮）
斜體 <EM></EM>
加粗 <SPONG></SPONG>
引文 <CITE></CITE>通常會(huì)以斜體顯示）
碼<CODE></CODE>顯示原始碼之用）
樣本<SA MP></SA MP>
表示一段用戶應(yīng)該對(duì)其沒(méi)有什么其他解釋的文本。要從正常的上下文抽取這些字符時(shí)，通常要用到這個(gè)標(biāo)簽。
并不經(jīng)常使用，只在要從正常上下文中將某些短字符序列提取出來(lái)，對(duì)其加以強(qiáng)調(diào)，才使用這個(gè)標(biāo)簽
鍵盤輸入<KBD></KBD>
變數(shù)<VA R></VA R>
定義<DFN></DFN>有些瀏覽器不提供）
地址<A DDRESS></A DDRESS>
3.0大字<BIG></BIG>
3.0小字<SMA LL></SMA LL>
與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）
--------------------------------------------------------------------------------
加粗<B></B>
斜體<I></I>
3.0底線<U></U>尚有些瀏覽器不提供）
3.0刪除線 <S></S>尚有些瀏覽器不提供）
3.0下標(biāo) <SUB></SUB>
3.0上標(biāo) <SUP></SUP>
打字機(jī)體<TT></TT>用單空格字型顯示）
預(yù)定格式<PRE></PRE>保留文件中空格的大小）
預(yù)定格式的寬度<PREWIDTH=?></PRE>以字元計(jì)算）
N1.0+向中看齊<CENTER></CENTER>文字與圖片都可以）
N1.0閃耀<BLINK></BLINK>有史以來(lái)最被嘲弄的標(biāo)簽）
N1.0字體大小<FONTSIZE=?></FONT>從17
N1.0改變字體大小<FONTSIZE=+|-?></FONT>
N1.0基本字體大小<BA SEFONTSIZE=?>從17;內(nèi)定為3
N2.0字體顏色<FONTCOLOR="#$$$$$$"></FONT>
連結(jié)與圖形
--------------------------------------------------------------------------------
鏈接 <A HREF="URL"></A >
連結(jié)到錨點(diǎn)<A HREF="URL#***"></A >如果錨點(diǎn)在另一個(gè)檔案）
<A HREF="#***"></A >如果錨點(diǎn)目前的檔案）
N2.0連結(jié)到目的視框<A HREF="URL"TA RGET="***"></A >
設(shè)定錨點(diǎn)<A NA ME="***"></A >
圖形 <IMGSRC="URL">
圖形看齊方式<IMGSRC="URL"ALIGN=TOP|BOTTOM|MIDDLE>
N1.0圖形看齊方式<IMGSRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|A BSMIDDLE|BA SELINE|A BSBOTTOM>
取代文字 <IMGSRC="URL"ALT="***">如果沒(méi)有辦法顯示圖形則顯示此文字）
點(diǎn)選圖<IMGSRC="URL"ISMA P>需要CGI程式）
N2.0點(diǎn)選圖 <IMGSRC="URL"USEMA P="URL">
N2.0地圖 <MA PNA ME="***"></MA P>描述地圖）
N2.0段落 <A REA SHA PE="RECT"COORDS=",,,"HREF="URL"|NOHREF>
3.0大小 <IMGSRC="URL"WIDTH="?"HEIGHT="?">以pixel為單位：px
N1.0圖形邊緣 <IMGSRC="URL"BORDER=?>以pixel為單位）
N1.0圖形邊緣空間 <IMGSRC="URL"HSPA CE=?VSPA CE=?>以pixel為單位）
N1.0低解析度圖形 <IMGSRC="URL"LOWSRC="URL">
N1.1用戶端拉 <META HTTP-EQUIV="Refresh"CONTENT="?;URL=URL">使用端自動(dòng)更新
N2.0內(nèi)嵌物件 <EMBEDSRC="URL">將物件插入頁(yè)面）
N2.0內(nèi)嵌物件大小 <EMBEDSRC="URL"WIDTH="?"HEIGHT="?">
分隔
--------------------------------------------------------------------------------
段落 <P>通常是兩個(gè)return
3.0段落 <P></P>新定義成容器型標(biāo)簽）
3.0文字看齊方式 <PALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR>一個(gè)return
N1.0文字部份看齊方式<BRCLEA R=LEFT|RIGHT|A LL>與圖形合用時(shí)）
橫線 <HR>
N1.0橫線對(duì)齊 <HRALIGN=LEFT|RIGHT|CENTER>
N1.0橫線厚度 <HRSIZE=?>以pixel為單位）
N1.0橫線寬度 <HRWIDTH=?>以pixel為單位）
N1.0橫線比率寬度 <HRWIDTH=%>以頁(yè)寬為100%
N1.0實(shí)線 <HRNOSHA DE>沒(méi)有立體效果）
N1.0不可換行 <NOBR></NOBR>不換行）
N1.0可換行處 <WBR>如果需要，可在此斷行）
列舉（可以巢狀列舉）
--------------------------------------------------------------------------------
無(wú)次序式列舉<UL><LI></UL><LI>放在每一項(xiàng)前）
N1.0公布式列舉 <ULTYPE=DISC|CIRCLE|SQUA RE>定義全部的列舉項(xiàng)）
<LITYPE=DISC|CIRCLE|SQUA RE>定義這個(gè)及其後的列舉項(xiàng)）
有次序式列舉<OL><LI></OL><LI>放在每一項(xiàng)前）
N1.0數(shù)標(biāo)型態(tài) <OLTYPE=A |a|I|i|1>定義全部的列舉項(xiàng)）
<LITYPE=A |a|I|i|1>定義這個(gè)及其後的列舉項(xiàng)）
N1.0起始數(shù)字 <OLVA LUE=?>定義全部的列舉項(xiàng)）
<LIVA LUE=?>定義這個(gè)及其後的列舉項(xiàng)）
定義式列舉 <DL><DT><DD></DL><DT>項(xiàng)目,<DD>定義）
表單式列舉 <MENU><LI></MENU><LI>放在每一項(xiàng)前）
目錄式列舉 <DIR><LI></DIR><LI>放在每一項(xiàng)前）
背景與顏色
--------------------------------------------------------------------------------
3.0重復(fù)排列的背景 <BODYBA CKGROUND="URL">
N1.1+背景顏色 <BODYBGCOLOR="#$$$$$$">依序?yàn)榧t、綠、藍(lán)）
N1.1+文字顏色 <BODYTEXT="#$$$$$$">
N1.1+連結(jié)顏色 <BODYLINK="#$$$$$$">
N1.1+看過(guò)的連結(jié) <BODYVLINK="#$$$$$$">
N1.1使用中的連結(jié) <BODYALINK="#$$$$$$">
特殊字元（以下標(biāo)簽需用小寫(xiě)）
--------------------------------------------------------------------------------
特別符號(hào) &#?;其中 ?代表 ISO8859-1編碼）
<<>>&&""
注冊(cè)商標(biāo)TM?
N1.0+注冊(cè)商標(biāo)TM®
著作權(quán)符號(hào) ?
N1.0+著作權(quán)符號(hào) ©
表單（通常需要與CGI程式配合）
--------------------------------------------------------------------------------
定義表單 <FORMACTION="URL"METHOD=GET|POST></FORM>
N2.0上傳檔案 <FORMENCTYPE="multipart/form-data></FORM>
輸入欄位 <INPUTTYPE="TEXT|PA SSWORD|CHECKBOX|RA DIO|IMA GE|HIDDEN|SUBMIT|RESET">
欄位名稱 <INPUTNA ME="***">
欄位內(nèi)定值 <INPUTVA LUE="***">
已選定 <INPUTCHECKED>適用於checkbox與 radiobox
欄位寬度 <INPUTSIZE=?>以字元數(shù)為單位）
最長(zhǎng)字?jǐn)?shù) <INPUTMA XLENGTH=?>以字元數(shù)為單位）
下拉式選單 <SELECT></SELECT>
下拉式選單名稱 <SELECTNA ME="***"></SELECT>
選單項(xiàng)目數(shù)量 <SELECTSIZE=?></SELECT>
多選式選單 <SELECTMULTIPLE>多選）
選項(xiàng) <OPTION>
內(nèi)定選項(xiàng) <OPTIONSELECTED>
文字輸入?yún)^(qū) <TEXTA REA ROWS=?COLS=?></TEXTA REA >
輸入?yún)^(qū)名稱 <TEXTA REA NA ME="***"></TEXTA REA >
N2.0輸入?yún)^(qū)換行方式 <TEXTA REA WRA P=OFF|VIRTUA L|PHYSICA L></TEXTA REA >
表格
--------------------------------------------------------------------------------
3.0定義表格 <TA BLE></TA BLE>
3.0表格框線 <TA BLEBORDER></TA BLE>有或沒(méi)有）
N1.1表格框線 <TA BLEBORDER=?></TA BLE>可以設(shè)定數(shù)值）
N1.1儲(chǔ)存格左右留白 <TA BLECELLSPA CING=?>
N1.1儲(chǔ)存格上下留白 <TA BLECELLPA DDING=?>
N1.1表格寬度 <TA BLEWIDTH=?>以pixel為單位）
N1.1寬度比率 <TA BLEWIDTH=%>頁(yè)寬為100%
3.0表格列<P></P>
3.0表格列內(nèi)容看齊 <PALIGN=LEFT|RIGHT|CENTERVA LIGN=TOP|MIDDLE|BOTTOM>
3.0儲(chǔ)存格<TD></TD>須與列并用）
3.0儲(chǔ)存格內(nèi)容看齊 <TDALIGN=LEFT|RIGHT|CENTERVA LIGN=TOP|MIDDLE|BOTTOM>
3.0不換行 <TDNOWRA P>
N3.0儲(chǔ)存格背景顏色 <TDBGCOLOR=#$$$$$$>
3.0儲(chǔ)存格橫向連接 <TDCOLSPA N=?>
3.0儲(chǔ)存格縱向連接 <TDROWSPA N=?>
N1.1儲(chǔ)存格寬度 <TDWIDTH=?>以pixel為單位）
N1.1儲(chǔ)存格寬度比率 <TDWIDTH=%>頁(yè)寬為100%
3.0表格標(biāo)題 <TH></TH>跟<TD>一樣，不過(guò)會(huì)對(duì)中并加粗）
3.0表格標(biāo)題對(duì)齊 <THALIGN=LEFT|RIGHT|CENTERVA LIGN=TOP|MIDDLE|BOTTOM>
3.0表格標(biāo)題不換行 <THNOWRA P>
3.0表格標(biāo)題占幾欄 <THCOLSPA N=?>
3.0表格標(biāo)題占幾列 <THROWSPA N=?>
N1.1表格標(biāo)題寬度 <THWIDTH=?>以pixel為單位）
N1.1表格標(biāo)題比率寬度<THWIDTH=%>頁(yè)寬為100%
3.0表格抬頭 <CA PTION></CA PTION>
3.0表格抬頭看齊 <CA PTIONALIGN=TOP|BOTTOM>表格之上/之下）
視框（定義與控制螢?zāi)簧系奶囟▍^(qū)域）
--------------------------------------------------------------------------------
N2.0視框格式總定義 <FRA MESET></FRA MESET>取代<BODY>
N2.0視框行長(zhǎng)度分配 <FRA MESETROWS=,,,></FRA MESET>pixel或 %
N2.0視框行長(zhǎng)度分配 <FRA MESETROWS=*></FRA MESET>*=相對(duì)大小）
N2.0視框欄寬度分配 <FRA MESETCOLS=,,,></FRA MESET>pixel或 %
N2.0視框欄寬度分配 <FRA MESETCOLS=*></FRA MESET>*=相對(duì)大小）
N2.0定義個(gè)別視框 <FRA ME>定義個(gè)別視框）
N2.0個(gè)別視框內(nèi)容 <FRA MESRC="URL">
N2.0個(gè)別視框名稱 <FRA MENA ME="***"|_blank|_self|_parent|_top>
N2.0邊緣寬度 <FRA MEMA RGINWIDTH=?>「左」與「右」邊界）
N2.0邊緣高度 <FRA MEMA RGINHEIGHT=?>「天頂」與「地底」邊界）
N2.0卷動(dòng)條 <FRA MESCROLLING="YES|NO|A UTO">
N2.0不可改變大小 <FRA MENORESIZE>
N2.0無(wú)視框時(shí)的內(nèi)容 <NOFRA MES></NOFRA MES>如果瀏覽器不提供視框功能的話）
雜項(xiàng)
--------------------------------------------------------------------------------
說(shuō)明 <!--***-->瀏覽器不會(huì)顯示）
檔案型態(tài)聲明 <!DOCTYPEHTMLPUBLIC"-//IETF//DTDHTML2.0//EN">
3.0檔案型態(tài)聲明 <!DOCTYPEHTMLPUBLIC"-//W3O//DTDW3HTML3.0//EN">
可搜尋 <ISINDEX>指示可搜尋的索引項(xiàng)）
N1.0提示 <ISINDEXPROMPT="***">要求輸入的提示文字）
送出搜尋條件 <A HREF="URL?***"></a>其中的問(wèn)號(hào)不是數(shù)字，而是「問(wèn)號(hào)」）
基本檔案的URL<BA SEHREF="URL">必須放在「文頭」區(qū)段內(nèi)）
N2.0基本視窗名稱 <BA SETA RGET="***">必須放在「文頭」區(qū)段內(nèi)）
相關(guān)性 <LINKREV="***"REL="***"HREF="URL">必須放在「文頭」區(qū)段內(nèi)）
背景資訊 <META >必須放在「文頭」區(qū)段內(nèi)）
HTML標(biāo)簽
HTML標(biāo)簽通常是英文詞匯的全稱（如塊引用:blockquot或縮略語(yǔ)（如“p代表Paragragh但它與一般文本有區(qū)別，因?yàn)樗旁趩螘?shū)名號(hào)里。故Paragragh標(biāo)簽是<p>,塊引用標(biāo)簽是<blockquote>有些標(biāo)簽說(shuō)明頁(yè)面如何被格式化（例如，<p>開(kāi)始一個(gè)新段落）其他則說(shuō)明這些詞如何顯示(<b>使文字變粗)還有一些其他標(biāo)簽提供在頁(yè)面上不顯示的信息－例如標(biāo)題。
關(guān)于標(biāo)簽，需要記住的成雙出現(xiàn)的每當(dāng)使用一個(gè)標(biāo)簽－如<blockquote>,則必須以另一個(gè)標(biāo)簽</blockquote>將它關(guān)閉。注意“blockquot前的斜杠，那就是關(guān)閉標(biāo)簽與打開(kāi)標(biāo)簽的區(qū)別。
基本HTML頁(yè)面以<html>標(biāo)簽開(kāi)始，以</html>結(jié)束。之間，整個(gè)頁(yè)面有兩部分－標(biāo)題和正文。
標(biāo)題詞－夾在<head>和</head>標(biāo)簽之間－這個(gè)詞語(yǔ)在打開(kāi)頁(yè)面時(shí)出現(xiàn)在屏幕底部最小化的窗口。正文則夾在<body>和</body>之間－即所有頁(yè)面的內(nèi)容所在頁(yè)面上顯示的任何東西都包含在這兩個(gè)標(biāo)簽之中。
那么讓我建立一個(gè)簡(jiǎn)單的范例吧，非常容易的第一步，當(dāng)然是要建立一個(gè)新的文本文件（記住，如果你使用比較復(fù)雜的文字處理器，就應(yīng)該用“純文本”或“普通文本”來(lái)保存）將它命名為“xxxx.html隨便你起一個(gè)什么名字,但記住,要用英文)
然后你可以用瀏覽器將它打開(kāi)，會(huì)看見(jiàn)最簡(jiǎn)單的自己做的頁(yè)面。
.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>
Html英文 HyperTextMarkupLanguag縮寫(xiě)，中文意思是超文本標(biāo)志語(yǔ)言”用它編寫(xiě)的文件(文檔)擴(kuò)展名是.html或.htm可供瀏覽器解釋瀏覽的文件格式。您可以使用記事本、寫(xiě)字板或 FrontPagEditor等編輯工具來(lái)編寫(xiě)Html文件。Html語(yǔ)言使用標(biāo)志對(duì)的方法編寫(xiě)文件，既簡(jiǎn)單又方便，通常使用<標(biāo)志名></標(biāo)志名>來(lái)表示標(biāo)志的開(kāi)始和結(jié)束(例如<html></html>標(biāo)志對(duì))因此在Html文檔中這樣的標(biāo)志對(duì)都必須是成對(duì)使用的此教程中，先講一下Html基本標(biāo)志：
1.<html></html>
<html>標(biāo)志用于Html文檔的最前邊，用來(lái)標(biāo)識(shí)Html文檔的開(kāi)始。而</html>標(biāo)志恰恰相反，放在Html文檔的最后邊，用來(lái)標(biāo)識(shí)Html文檔的結(jié)束，兩個(gè)標(biāo)志必須一塊使用。
2.<head></head>
<head>和</head>構(gòu)成Html文檔的開(kāi)頭部分，此標(biāo)志對(duì)之間可以使用<title></title><script></script>等等標(biāo)志對(duì)，這些標(biāo)志對(duì)都是描述Html文檔相關(guān)信息的標(biāo)志對(duì)，<head></head>標(biāo)志對(duì)之間的內(nèi)容是不會(huì)在瀏覽器的框內(nèi)顯示出來(lái)的兩個(gè)標(biāo)志必須一塊使用。
3.<body></body>
<body></body>Html文檔的主體部分，此標(biāo)志對(duì)之間可包含<p></p><h1></h1><br><hr>等等眾多的標(biāo)志，所定義的文本、圖像等將會(huì)在瀏覽器的框內(nèi)顯示出來(lái)。兩個(gè)標(biāo)志必須一塊使用。<body>標(biāo)志中還可以有以下屬性：屬性
用途
示例
<bodibgcolor="#rrggbb">設(shè)置背景顏色。<bodibgcolor="red">紅色背景
<boditext="#rrggbb">設(shè)置文本顏色。<boditext="#0000ff">藍(lán)色文本
<bodilink="#rrggbb">設(shè)置鏈接顏色。<bodilink="blue">鏈接為藍(lán)色
<bodivlink="#rrggbb">設(shè)置已使用的鏈接的顏色。<bodivlink="#ff0000">
<bodialink="#rrggbb">設(shè)置正在被擊中的鏈接的顏色。<bodialink="yellow">
說(shuō)明:以上各個(gè)屬性可以結(jié)合使用，如<bodibgcolor="red"text="#0000ff">引號(hào)內(nèi)的rrggbb用六個(gè)十六進(jìn)制數(shù)表示的RGB即紅、綠、藍(lán)三色的組合)顏色，如#ff0000對(duì)應(yīng)的紅色。此外，還可以使用Html語(yǔ)言所給定的常量名來(lái)表示顏色：BlackWhiteGreenMaroonOliveNaviPurplGraiYellowLimeAguaFuchsiaSilverRedBlue和Teal如<boditext="Blue">表示<body></body>標(biāo)志對(duì)中的文本使用藍(lán)色顯示在瀏覽器的框內(nèi)。
4.<title></title>
使用過(guò)瀏覽器的人可能都會(huì)注意到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁(yè)的主題”要將您的網(wǎng)頁(yè)的主題顯示到瀏覽器的頂部其實(shí)很簡(jiǎn)單，只要在<title></title>標(biāo)志對(duì)之間加入您要顯示的文本即可。注意：<title></title>標(biāo)志對(duì)只能放在<head></head>標(biāo)志對(duì)之間。
下面是一個(gè)綜合的例子，仔細(xì)閱讀，您便可以了解以上各個(gè)標(biāo)志對(duì)在一個(gè)Html文檔中的布局或所使用的位置。
例1Html文檔中基本標(biāo)志的使用
<html>
<head>
<title>顯示在瀏覽器最上邊藍(lán)色條中的文本</title>
</head>
<bodibgcolor="red"text="blue">
<p>紅色背景、藍(lán)色文本</p>
</body>
</html>
1.<p></p>
2.<br>
3.<blockquote></blockquote>
4.<dl></dl><dt></dt><dd></dd>
5.<ol></ol><ul></ul><li></li>
6.<div></div>
上一個(gè)教程中我講了Html文檔的基本標(biāo)志，但我還不知道怎樣在瀏覽器中顯示文本之類的東西，這正是教程二中將要談到學(xué)習(xí)之前，必須強(qiáng)調(diào)一下，這個(gè)教程中所講的格式標(biāo)志統(tǒng)統(tǒng)都是用于<body></body>標(biāo)志對(duì)之間的
1.<p></p>
<p></p>標(biāo)志對(duì)是用來(lái)創(chuàng)建一個(gè)段落，此標(biāo)志對(duì)之間加入的文本將按照段落的格式顯示在瀏覽器上。另外，<p>標(biāo)志還可以使用align屬性，用來(lái)說(shuō)明對(duì)齊方式，語(yǔ)法是<palign=""></p>align可以是Left左對(duì)齊)Center居中)和Right右對(duì)齊)三個(gè)值中的任何一個(gè)。如<palign="Center"></p>表示標(biāo)志對(duì)中的文本使用居中的對(duì)齊方式。
2.<br>
<br>一個(gè)很簡(jiǎn)單的標(biāo)志，沒(méi)有結(jié)束標(biāo)志，因?yàn)樗脕?lái)創(chuàng)建一個(gè)回車換行，這么一說(shuō)我想您該會(huì)使用了吧。<br>使用上還有一定的技巧，如果您把<br>加在<p></p>標(biāo)志對(duì)的外邊，將創(chuàng)建一個(gè)大的回車換行，即<br>前邊和后邊的文本的行與行之間的距離比較大，若放在<p></p>里邊則<br>前邊和后邊的文本的行與行之間的距離將比較小，您不妨試試看。
3.<blockquote></blockquote>
<blockquote></blockquote>標(biāo)志對(duì)之間加入的文本將會(huì)在瀏覽器中按兩邊縮進(jìn)的方式顯示出來(lái)。
4.<dl></dl><dt></dt><dd></dd>
<dl></dl>用來(lái)創(chuàng)建一個(gè)普通的列表，<dt></dt>用來(lái)創(chuàng)建列表中的上層項(xiàng)目，<dd></dd>用來(lái)創(chuàng)建列表中最下層項(xiàng)目，<dt></dt>和<dd></dd>都必須放在<dl></dl>標(biāo)志對(duì)之間。看一下下邊的例子您就會(huì)明白了
例2創(chuàng)建一個(gè)普通列表
<html>
<head>
<title>一個(gè)普通列表</title>
</head>
<boditext="blue">
<dl>
<dt>中國(guó)城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>廣州 </dd>
<dt>美國(guó)城市</dt>
<dd>華盛頓 </dd>
<dd>芝加哥 </dd>
<dd>紐約 </dd>
</dl>
</body>
</html>
此例在瀏覽器中的顯示如下:
中國(guó)城市
北京
上海
廣州
美國(guó)城市
華盛頓
芝加哥
紐約
5.<ol></ol><ul></ul><li></li>
<ol></ol>標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表；<ul></ul>標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表；<li></li>標(biāo)志對(duì)只能在<ol></ol>或<ul></ul>標(biāo)志對(duì)之間使用，此標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)列表項(xiàng)，若<li></li>放在<ol></ol>之間則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字，若在<ul></ul>之間則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)。請(qǐng)看下邊的例子：
例3標(biāo)有數(shù)字或圓點(diǎn)的列表
<html>
<head>
<title></title>
</head>
<boditext="blue">
<ol>
<p>中國(guó)城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>廣州 </li>
</ol>
<ul>
<p>美國(guó)城市 </p>
<li>華盛頓 </li>
<li>芝加哥 </li>
<li>紐約 </li>
</ul>
</body>
</html>
此例在瀏覽器中的顯示如下:
中國(guó)城市
北京
上海
廣州
美國(guó)城市
華盛頓
芝加哥
紐約
6.<div></div>
<div></div>標(biāo)志對(duì)用來(lái)排版大塊Html段落，也用于格式化表，此標(biāo)志對(duì)的用法與<p></p>標(biāo)志對(duì)非常相似，同樣有align對(duì)齊方式屬性，讀者可以自己試試看。
html標(biāo)簽的用法=======================================================================================
一、基本概念：
網(wǎng)頁(yè)、網(wǎng)站、瀏覽器、IE/NetScape
HTML超文本標(biāo)記語(yǔ)言，什么是超文本、什么是標(biāo)記語(yǔ)言。
HTML內(nèi)容怎樣顯示出來(lái)。
二、HTML語(yǔ)法：
<html></html>
<head></head>
<title></title>
<body></body>
三、<body>一些屬性：
什么是屬性：
text:設(shè)定整個(gè)網(wǎng)頁(yè)中文字的色彩
link:用于設(shè)定一般超鏈接文本的顯示色彩
alink:用于設(shè)定鼠標(biāo)移動(dòng)到超鏈接上并按下鼠標(biāo)是超文本的顯示色彩
vlink:設(shè)置訪問(wèn)過(guò)的超鏈接的色彩
background:設(shè)定背景圖片，可以是絕對(duì)路徑也可以是相對(duì)路徑。
bgcolor:用戶設(shè)定背景色，當(dāng)已設(shè)定background時(shí)這個(gè)屬性會(huì)失去作用
leftmargin:左邊距
topmargin:上邊距
四、注釋與特殊字符：
<!--.........-->
注釋的內(nèi)容不會(huì)被顯示出來(lái)
注釋不能被嵌套。
<<
>>
&&
"'
注冊(cè)符號(hào)
版權(quán)符號(hào)
"TM
空格
五、格式標(biāo)簽
<p></p>:用來(lái)創(chuàng)建一個(gè)段落,可以用align屬生來(lái)設(shè)置段落的對(duì)齊方式
<br/>:單標(biāo)記直接在>前加一個(gè)“/表示結(jié)束標(biāo)記，顯示一個(gè)換行
<center></center>:對(duì)之間的圖形或文本在水平方向居中顯示
<marquee></marquee>:移動(dòng)圖片或文本。direct屬性：內(nèi)容的移動(dòng)方向（left,right,down,up;behavior指定內(nèi)容的移動(dòng)行為（scroll,alternate,slid
<dl></dl><dt></dt><dd></dd>用來(lái)創(chuàng)建一個(gè)普通列表。
<ol></ol><ul></ul><li></li>:<ol></ol>創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表;<ul></ul>對(duì)創(chuàng)建的列表標(biāo)有一個(gè)圓點(diǎn);<li></li>只能在<ol></ol>或<ul></ul>之間使用，表示列表項(xiàng)
<pre></pre>:對(duì)文本進(jìn)行預(yù)格式處理
六、文本標(biāo)簽：
<h1></h1>......<h6></h6>:把文本以標(biāo)題方式顯示。
<b></b><i></i><u></u>:分別對(duì)應(yīng)粗體，斜體，下劃線
<sub></sub><sup></sup>:分別對(duì)應(yīng)下上標(biāo)的顯示
<cite></cite>:引用方式的字體，通常是斜體
<em></em>:顯示需要強(qiáng)調(diào)的文本，通常是斜體加粗
<strong></strong>:用來(lái)顯示加重文本，通常是加粗顯示
<font></font>:對(duì)字體、字號(hào)、顏色進(jìn)行改變。face屬性：字體;Size屬生：大小; Color屬生：色彩
七、圖像標(biāo)簽：
<img/>
src屬性：必不可少，用來(lái)設(shè)置圖像文件所在位置。
alt屬性：當(dāng)鼠標(biāo)移到圖像上顯示的提示文本，當(dāng)圖像無(wú)法顯示時(shí)，所顯示的代替文字
align屬性：設(shè)置圖像與周圍文本的對(duì)齊方式。top,bottom,left,right
border屬性：設(shè)置圖像的邊框?qū)挾?/p>
width和height設(shè)置圖像的長(zhǎng)寬高
<hr/>:HTML文檔中加入一條水平線。
size:線的粗細(xì)
color:線的色彩
width:線的長(zhǎng)度
noshade:陰影顯示
八、超鏈接標(biāo)簽：
通一資源定位符：URL;
如：http://www.sina.com
http所使用的協(xié)議;www.sina.net要訪問(wèn)的主機(jī)名;80端口號(hào)
<ahref=""></a>:把中間標(biāo)記的內(nèi)容作為超鏈接顯示，href內(nèi)容作為超連接點(diǎn)擊后轉(zhuǎn)向的頁(yè)面。
如：<ahref="http://www.sina.com">新浪網(wǎng)</a>
<ahref=http://m.jungjaehyung.com/uploadfile/2024/0807/20240807031144623.gif"></a>
href屬性是不可少的
target屬性：指明在瀏覽器的哪個(gè)窗口打開(kāi)新頁(yè)面。
<aname="">錨點(diǎn)標(biāo)記，同一網(wǎng)頁(yè)中設(shè)置多個(gè)錨點(diǎn)便于超鏈接的瀏覽。
如：<ahref="#標(biāo)記１">跳轉(zhuǎn)到第一個(gè)標(biāo)記上</a>
mailto:打開(kāi)電子郵件:
<ahref="mailto:ldc_5588@163.comsubject=hello&body=您好">聯(lián)系我</a>
九、<mapname=""></map>圖像地圖將一個(gè)圖像分成多個(gè)部分，各部分分別指向不同的鏈接。
<areashape="形狀"coords="坐標(biāo)"href="url">給圖像分塊
shape屬性可以是以下幾種形狀：
rect:矩形，此時(shí)的coord為矩形的左上角個(gè)右下角的坐標(biāo)
poly:多邊形，此時(shí)的coord為多邊形的各個(gè)頂點(diǎn)
circle:圓，此時(shí)coord為圓習(xí)坐標(biāo)及半徑
如：
<imgsrc="chinagif"usemap="mymap"/>
<mapname=mymap>
<areashape="rect"href="a.html"coords="140,20,280,60">
<areashape="poly"href="b.html"coords="100,100,180,80,200,400">
<areashape="circle"href="c.html"coords="10,100,60">
</map>
十、表格標(biāo)簽：<table></table><tr></tr><td></td>
這三個(gè)標(biāo)簽的層次結(jié)構(gòu)：
<table></table>定義一個(gè)表格的開(kāi)始和結(jié)束
<tr></tr>定義一行的開(kāi)始和結(jié)束
<td></td>定義一個(gè)單元格的開(kāi)始和結(jié)束
<table></table>屬性：
bgcolor:設(shè)置表格的背景色彩
border:設(shè)置表格的邊框的寬度
bordercolor:設(shè)置表格邊框色彩
bordercolorlight:設(shè)置表格邊框明亮部分的色彩
bordercolordark:設(shè)置表格邊框昏暗部分的色彩
cellspacing:設(shè)置單元格之間的間隔
cellpad設(shè)置單元格內(nèi)部的內(nèi)容與邊框的間隔
width:表格的寬度
height:表格的高度
<tr></tr>
align:整行單元格的內(nèi)容水平對(duì)齊方式left,center,right
valign:整行單元格的內(nèi)容豎直對(duì)齊方式topmiddle,bottom
bgcolor:設(shè)置這一行的色彩
<td></td>
width:單元格的寬度（大小）
height:單元格的高度
align:單元格內(nèi)部?jī)?nèi)容的水平對(duì)齊方式
valign:單元格內(nèi)部?jī)?nèi)容的豎直對(duì)齊方式
colspan:設(shè)置一個(gè)單元格跨占的列數(shù)
rowspan:設(shè)置一個(gè)單元格跨占的行數(shù)
nowrap:禁止單元格內(nèi)的內(nèi)容自動(dòng)換行
<th></th>與<td></td>類似只不過(guò)里面顯示的內(nèi)容是黑體居中的
十一、框架標(biāo)簽<frameset></frameset><frame></frame>
什么是框架：將一個(gè)窗口分割成多部分，每一部分顯示一個(gè)獨(dú)立的頁(yè)面。
框架只是分割窗口。
<frameset></frameset>定義一個(gè)框架集：
rows:將窗口豎直拆分時(shí)窗口的大小比例
cols:將窗口水平拆分窗口的大小比例
<frame></frame>定義一個(gè)具體的框架窗口：
src:要顯示網(wǎng)頁(yè)的ＵＲＬ
name:框架窗口的名子
taget:該框架中的超鏈接默認(rèn)的打開(kāi)窗口_blank,_parent,_self,_top
scrolling:否在框架邊上出現(xiàn)滾動(dòng)條yes,no,auto
noresize:禁止用戶拖動(dòng)分隔線來(lái)調(diào)整框架的大小,直接將該屬生放入就可以了
<iframe></iframe>一個(gè)網(wǎng)上插入一個(gè)簡(jiǎn)單的框架窗口，這個(gè)窗口用來(lái)顯示另一個(gè)文件。
name:框架窗口的名子
src:框架窗口中所顯示的新的網(wǎng)頁(yè)
十二、表單標(biāo)簽：
什么時(shí)表單？
<form></form>:定義表單的開(kāi)始和結(jié)束位置<略講>
action:處理表單內(nèi)容的服務(wù)器程序的ＵＲＬ
method:提交給服務(wù)器處理表單信息的方式
get:將表單信息以ＵＲＬ參數(shù)的形式附在actionＵＲＬ后面
set:將表單信息以ＨＴＴＰ消息實(shí)體發(fā)送給ＷＥＢ服務(wù)器
target:設(shè)置服務(wù)器返回結(jié)果顯示的窗口
title:當(dāng)鼠標(biāo)放在表單上的時(shí)候以黃色的泡泡進(jìn)行提示
<inputtype="submit">定義一個(gè)提交按鈕
action:指定ＵＲＬ所指定的服務(wù)器程序
value:按鈕上的文字
<inputtype="reset">:定義一個(gè)重新填寫(xiě)的按鈕。
value:按鈕上的文字
<inputtype="text">:定義一個(gè)單行文本框
size:輸入?yún)^(qū)域的寬度，以字符個(gè)數(shù)為單位
value:文本框的內(nèi)容
maxlength:用戶能夠輸入的最大字符串長(zhǎng)度
readonly:屬性存在時(shí)，文本框可以獲得焦點(diǎn)，但用戶不能更改里面的內(nèi)容。
disable:屬性存在時(shí)，文本框不能獲得焦點(diǎn)，也不能更改里面的內(nèi)容。
<inputtype="checkbox">:定義一個(gè)復(fù)選框
name:復(fù)選框的名，同一組復(fù)選框用同一個(gè)名子
checked:該復(fù)選框是否被選中
value:指定復(fù)選框被選中時(shí)，這個(gè)復(fù)選框的后臺(tái)值
<inputtype="radio">:定義一個(gè)單選按鈕
name:單選按鈕的名，同一組單選按鈕用同一個(gè)名子
value:指定單選按鈕被選中時(shí)，這個(gè)單選按鈕的后臺(tái)值
<inputtype="hidden">表單上添加一個(gè)隱式的字段的元素，瀏覽器不會(huì)顯示這個(gè)字段
name:名子
value:值
當(dāng)表單提交的時(shí)候會(huì)以name=valu形式提交到服務(wù)器上去。
<inputtype="button">:表單上定義一個(gè)普通的按鈕，這個(gè)按鈕通常與某個(gè)腳本代碼下關(guān)聯(lián)
<inputtype="password">:表單上定義一個(gè)密碼輸入?yún)^(qū)域.
<inputtype="file">:用來(lái)從本機(jī)向服務(wù)器傳文件
<inputtype="image">:表單上創(chuàng)建一個(gè)圖像元素。
圖像的源文件由src屬性來(lái)指定，沒(méi)有valu屬性。
圖像元素在某些情況下可以代替submit按鈕來(lái)使用
單擊圖像元時(shí)就會(huì)將表單信息和單擊處的x,y值一起發(fā)送到服務(wù)器
<select></select>創(chuàng)建一個(gè)下拉列表框或可以復(fù)選的列表框。
size:設(shè)置列表框中可見(jiàn)選項(xiàng)的數(shù)目。默認(rèn)值是１，這時(shí)顯示的下拉列表框。
mutipl屬性：這是一個(gè)不且賦值的屬性，定義列表框是否可以多選。
列表框中定義各項(xiàng)是用<option></option>來(lái)實(shí)現(xiàn)的
<option></option>為列表框中添加項(xiàng)目
value:項(xiàng)目的后臺(tái)值
selected:指定項(xiàng)目是否被選定
<textarea></textarea>創(chuàng)建一個(gè)可輸入多行文本的文本框
cols:文本框的列數(shù)
rows:文本框的列數(shù)
十三、分區(qū)標(biāo)簽：
<div></div>:區(qū)域標(biāo)簽，層
<span></span>:區(qū)域標(biāo)簽
十四、頭元素:
<base>標(biāo)簽：用于指定網(wǎng)頁(yè)中超鏈接的基準(zhǔn)地址。網(wǎng)頁(yè)中所有超鏈接的相對(duì)地址都以該地址為基準(zhǔn)地址。
該標(biāo)簽只能放在<head></head>標(biāo)簽之間。
如：<basehref="http://www.sina.com/image"target="_blank">
<meta>標(biāo)簽：通常用于文件的<head></head>之間。主要有兩種類型的<meta>用不同的屬性名(name,http-equiv來(lái)劃分。
name屬性主要用于在網(wǎng)頁(yè)中加入一些關(guān)于網(wǎng)頁(yè)的描述信息，例如，網(wǎng)頁(yè)的關(guān)鍵字，網(wǎng)頁(yè)的描述信息等
http-equiv屬性主要用于在HTML文檔中模擬HTTP頭。
什么是HTTP頭？
通過(guò)訪問(wèn)網(wǎng)頁(yè)時(shí)，服務(wù)器除了返回網(wǎng)頁(yè)文件本身的內(nèi)容（也就是瀏覽器中用查看源文件能看到東西）之外，還在返回網(wǎng)頁(yè)文件內(nèi)容之前，傳送一部分被稱為HTTP頭的內(nèi)容給瀏覽器，這部分肉容是瀏覽器的查看源文件中看不到HTTP頭的內(nèi)容相當(dāng)于服務(wù)器發(fā)送給瀏覽器的一些暗號(hào)指令，通知瀏覽器查看該網(wǎng)頁(yè)時(shí)應(yīng)使用的字符編碼、否本地緩存、網(wǎng)頁(yè)的期時(shí)間、否間隔一定時(shí)間以后刷新頁(yè)面或跳到其它頁(yè)面等。
name屬性的設(shè)置：
Keywords:網(wǎng)頁(yè)的關(guān)鍵字，以便于在搜索引擎中進(jìn)行收集信息。
<metaname="keywords"content="軟件工程師培訓(xùn),清華IT,華育國(guó)際">
Descript網(wǎng)頁(yè)描述信，以便于搜索。
Gener用于編輯此頁(yè)所用的工具名，content中填入所用的網(wǎng)頁(yè)編輯軟件。
Author用于說(shuō)明網(wǎng)頁(yè)的作者，content中填入作者的姓名。
Copyright:用于版權(quán)聲明，content中填入你版權(quán)聲明。
http-equiv屬性設(shè)置：
Content-Type:用于說(shuō)明網(wǎng)頁(yè)內(nèi)容的類型以及文本內(nèi)容所使用的字符集編碼。
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
Refresh:告訴瀏覽器定時(shí)自動(dòng)刷新網(wǎng)頁(yè)
<metahttp-equiv="Content-Type"content="1;url=http://www.sina.com.cn">
通知瀏覽器過(guò)一秒后跳轉(zhuǎn)到新浪網(wǎng)上去。
Expires:用于設(shè)定網(wǎng)頁(yè)的期時(shí)間。為了提高效率，瀏覽器可以被設(shè)置成緩存以前訪問(wèn)的頁(yè)面，當(dāng)再次訪問(wèn)該頁(yè)面時(shí)，瀏覽器不會(huì)再去服務(wù)器上訪問(wèn)，而是直接在本地緩存中讀到如果將其Content設(shè)為0則禁止瀏覽器使用緩存頁(yè)面。
<metahttp_equiv="Expires"content=""Mon,12,May,200700:00:00GMT>
Windows-Target:強(qiáng)制頁(yè)面在某個(gè)窗口顯示。例如要防止別人把你網(wǎng)頁(yè)作為frame頁(yè)面調(diào)用：
.h1-h6標(biāo)簽
都是標(biāo)題標(biāo)簽，定義一段話的標(biāo)題，h1最大，依次遞減，h6最小
標(biāo)題標(biāo)簽的作用：讓文本加粗顯示
2. 段落標(biāo)簽：p標(biāo)簽
用來(lái)顯示一段文本(圖片)，它會(huì)忽略源代碼中的排版
塊元素：獨(dú)占一行的元素，和相鄰的元素不能共享同一行,所有的塊元素都有align屬性,h1-h6和p元素都是塊元素
3. 格式標(biāo)簽：
b標(biāo)簽：加粗文本
del標(biāo)簽：包含的文本中間有條橫線
em標(biāo)簽：包裹的文本會(huì)顯示為斜體
i標(biāo)簽：包裹的文本會(huì)顯示為斜體
pre標(biāo)簽：顯示源代碼的排版
strong標(biāo)簽：和em作用一樣，都有強(qiáng)調(diào)的意思，如果要強(qiáng)調(diào)一段文字，建議使用strong標(biāo)簽
u標(biāo)簽：給文本添加下劃線
sup：定義上標(biāo)文本
sub:定義下標(biāo)文本
4. 圖片標(biāo)簽img，用來(lái)把圖片顯示在網(wǎng)頁(yè)上
必須屬性:1.src:圖片的路徑(可以用相對(duì)路徑或絕對(duì)路徑，不建議用絕對(duì)路徑)
alt:定義圖片無(wú)法顯示時(shí)的代替文本
相對(duì)路徑：以當(dāng)前文件所在的位置為參考路徑,定義出來(lái)的路徑叫相對(duì)路徑
絕對(duì)路徑：文件在硬盤上的物理路徑叫絕對(duì)路徑,
例如：
D:\work181129JAVA班\課件-web前端課件\web-day1\Code\web-day1\img\tly.jpg
可選屬性：
1.title：鼠標(biāo)放在圖片上時(shí)的提示文字,所有元素都有title屬性
2.width:定義圖片的寬度，默認(rèn)以像素px為單位，可以省略單位不寫(xiě)
3.height:定義圖片的高度
br標(biāo)簽：換行標(biāo)簽，可以寫(xiě)成<br>或者<br/>
hr標(biāo)簽：水平線標(biāo)簽，可以寫(xiě)成<hr>或者<hr/>,屬性有：width(寬度),size(高度),color(顏色)
5. span:通常用于修飾文本，可以給它添加樣式，例如style="color: red;"
div:把文檔分割成若干個(gè)獨(dú)立的部分 ,塊級(jí)元素
6. ul定義無(wú)序列表，type屬性定義列表項(xiàng)目的標(biāo)記，默認(rèn)是disc
type="disc" 默認(rèn)黑色圓點(diǎn)
type="circle" 空心圓點(diǎn)
type="square" 方塊
ol定義有序列表，type屬性定義項(xiàng)目的標(biāo)記，默認(rèn)是數(shù)字
type="A"或"a":表示大寫(xiě)字母或者小寫(xiě)字母
type="I"或type="i"：表示羅馬大寫(xiě)字母或羅馬小寫(xiě)字母
7. border:定義表格的邊框?qū)傩?/p>
cellspacing:單元格之間的距離，設(shè)置為0則只有1條邊框了
cellpadding:單元格的內(nèi)容到邊框之間的距離
8. 表頭：表格中的第一行，用來(lái)顯示列標(biāo)題的，使用th定義表頭的每一列，把里面的內(nèi)容加粗居中顯示
通常，第一行是表頭行，從第二行開(kāi)始就是數(shù)據(jù)行(顯示具體的數(shù)據(jù)),
使用td(table data cell )表示數(shù)據(jù)行每一列
表格的align="center"：讓表格整體居中顯示
tr(table row)的align="center"：讓行里面的內(nèi)容居中顯示
caption：定義表格的標(biāo)題，會(huì)相當(dāng)于表格居中
9. colspan:跨列，即在水平方向上合并單元格，值是要合并的單元格數(shù)目
rowspan:跨行，即在豎直方向上合并單元格，值是要合并的單元格數(shù)目
10. form:表單標(biāo)簽，用于創(chuàng)建一個(gè)表單，收集用戶輸入的數(shù)據(jù)，并提交給服務(wù)器程序
屬性:action:指定將表單的數(shù)據(jù)發(fā)送到哪個(gè)服務(wù)器程序
method:指定用哪種方式來(lái)提交數(shù)據(jù)，常用值有GET,POST，默認(rèn)值是get
表單域：又叫表單元素，作用是收集用戶輸入的數(shù)據(jù) ，并提交給服務(wù)器端程序
常用的表單域：1.input元素：它的type屬性有不同值，表現(xiàn)出不同形態(tài)
type="text":表示文本框，提供文本的輸入
type="radio":單選框(單選按鈕)， 多個(gè)單選框的name值必須相同，如果name不同則不能互斥，提交時(shí)是提交value值
type="checkbox":復(fù)選框，當(dāng)name相同時(shí)，可以提交多個(gè)值(value屬性的值)
type="file"":文件域，讓用戶選擇本地文件上傳到服務(wù)器
type="hidden":隱藏域，對(duì)用戶不可見(jiàn)的元素，可以有默認(rèn)值并且能提交給服務(wù)器(在javaEE開(kāi)發(fā)中會(huì)大量使用隱藏域)
2. select元素：表示下拉列表，又叫下拉框，在下拉列表中用option元素定義待選擇的選項(xiàng)，默認(rèn)第1個(gè)選項(xiàng)被選中，
設(shè)置某個(gè)option被選中： 在option元素上添加selected="selected"或者selected
設(shè)置下拉列表為多選下拉列表：在select元素上加multiple屬性
關(guān)于選中元素的設(shè)置：
1)設(shè)置單選框或復(fù)選框被選中的屬性是checked
2)設(shè)置下拉列表的某個(gè)選項(xiàng)被選中的屬性是selected
11. body標(biāo)簽：
1.background：定義網(wǎng)頁(yè)的背景圖片，如果背景圖片很小，會(huì)自動(dòng)在水平和豎直方向上平鋪展示
2.bgcolor:定義網(wǎng)頁(yè)的背景顏色
12. textarea:文本域，又叫多行文本框,cols是文本區(qū)內(nèi)的寬度,rows:行數(shù)
placeholder：用來(lái)設(shè)置單行文本框(不是textarea)里的默認(rèn)提示文字，當(dāng)輸入了新的內(nèi)容后，該提示文字就消失了
label：本身沒(méi)有什么效果，當(dāng)結(jié)合單選按鈕或復(fù)選框使用時(shí)，如果label的for屬性和按鈕的id相同，則點(diǎn)擊
label后就相當(dāng)于點(diǎn)擊了按鈕，會(huì)將單選框或復(fù)選框選中
表單按鈕：
1.提交按鈕： <input type="submit">，提交按鈕作用是將表單數(shù)據(jù)發(fā)送到action指定的服務(wù)器上
2.重置按鈕： <input type="reset">，作用是將表單中數(shù)據(jù)清空
3.普通按鈕：<input type="button">，普通按鈕在沒(méi)有添加js代碼情況下，是不能提交表單的
13. frameset:框架集，用于將整個(gè)瀏覽器窗口劃分成多個(gè)小窗口，每個(gè)小窗口稱為一個(gè)frame，每個(gè)小窗口(frame)都可以,加載一個(gè)獨(dú)立的html文檔
使用frameset的cols或rows屬性定義如何分割整個(gè)大窗口，
cols:定義水平方向上分割的各個(gè)frame的百分比,
rows：定義豎直方向上分割的各個(gè)frame的百分比,
noresize:不能調(diào)整frame的寬或高 frameborder="0":去掉frame的邊框
*代表剩余百分比，會(huì)自動(dòng)計(jì)算
使用frame來(lái)定義每個(gè)小窗口，src指frame所加載的網(wǎng)頁(yè)的相對(duì)路徑
14. iframe:能夠包含其它文檔(網(wǎng)頁(yè))的內(nèi)聯(lián)框架，內(nèi)聯(lián)就是行內(nèi)，因?yàn)樗芎拖噜彽脑毓蚕硗恍?/p>
src:要加載的文檔的路徑 width:寬度，height:高度
frameborder:邊框，0或no代表無(wú)邊框
15. 將超鏈接所跳轉(zhuǎn)的頁(yè)面顯示在iframe的技巧:
1)給iframe元素添加一個(gè)name屬性,例如
2)超鏈接添加屬性target，值應(yīng)該是iframe元素的name
16. 實(shí)體集
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
