标记及属性
?? ? ? ? ? ? ? ? ? ?標(biāo)記及屬性
一、通用標(biāo)簽及屬性
? ? ?1.基礎(chǔ)標(biāo)簽
? ? ?（1）<head></head>（頭標(biāo)簽）
? ? ?（2）<meta/> （編碼格式）
? ? ?（3）<body></body>（主題標(biāo)簽）
? ? ? ? ? ?屬性：bgcolor背景色；text字體顏色；background背景圖片；
? ? ? ? ? ? ? ? ? ? margin(網(wǎng)頁(yè)的4個(gè)邊距數(shù)值)：topmargin上邊距；leftmargin左邊距；rilghtmargin右邊距；bottommargin下邊距
? ? ?2.路徑
? ? ? （1）?絕對(duì)路徑（從根開始的）
? ? ? ? ? ?/：從磁盤開始 ? 如：file:///F|/
? ? ? （2）相對(duì)路徑（從自身開始）
? ? ? ? ??./ ：當(dāng)前目錄 ； ?../ ：上級(jí)目錄；/ ：代表根 （當(dāng)前目錄里面另一個(gè)文件夾里面的文件）
? ? ? ? ? ?例如：../文件夾/要找的文件
? ? ?3.格式控制類
? ? ? ? ??<font> 屬性：?color字體顏色；face字體樣式；size字體大小；<b>、<strong>加粗 ；<i> 、<em>傾斜 ；<u>下劃線 ；<s>刪除線；<br/>換行 ?； 空格；sub下標(biāo)記；sup上標(biāo)記
? ? ? ? ? ? 例如：<font face="微軟雅黑" size="+4">
? ? ? ? ? ? ? ? ? ? ? ? ? ?<b>?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<sub>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 20170308
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??</sub>
? ? ? ? ? ? ? ? ? ? ? ? ? ?</b>
? ? ? ? ? ? ? ? ? ??</font>
? ? ? ?4.<h1>--<h6> （做標(biāo)題的由大到小）
? ? ? ?5.<p></p> （做段落）?
? ? ? ?6.<span></span> (層標(biāo)簽)
? ? ? ? (1)內(nèi)容多大占多大地
? ? ? ? (2)加屬性、樣式表用的
? ? ? ?7.<div></div> (層標(biāo)簽)
? ? ? ? (1)不管內(nèi)容多大默認(rèn)占一行
? ? ? ? (2)加屬性、樣式表用的
? ? ? ? 8.?<ol><li>有序列表 ? <ol>屬性:type="a、A、1、i、I "
? ? ? ? ? ? 例如：<ol type="a">
? ? ? ? ? ? ? ? ? ? ? ? ? <li>第一</li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li>第二</li>
? ? ? ? ? ? ? ? ? ? ?</ol>
? ? ? ? 9.<ul><li>無序列表 ??<ul>屬性：type="square"方格、 type="circle"空心圓、type="disc"圓點(diǎn)
? ? ? ? ? ? 例如：<ul?type="square"；?type="circle"；type="disc">
? ? ? ? ? ? ? ? ? ? ? ? ? <li>第一</li>
? ? ? ? ? ? ? ? ? ? ? ? ??<li>第二</li>
? ? ? ? ? ? ? ? ? ? ?</ul>
二、常用標(biāo)簽
? ? ? ? ?1.<a></a> 超級(jí)鏈接（<a href="http://網(wǎng)址"></a>）
? ? ? ? ? ? 屬性：(1)?target=_blank ?(重新打開一個(gè)新的窗口)
? ? ? ? ? ? ? ? ? ? (2)?target=_parent ?(在本窗口打開并覆蓋)
? ? ? ? ? ?做錨點(diǎn)：<a name="D1">?</a> ?（要定的點(diǎn)）
? ? ? ? ? ? ? ? ? ? ?<?a href="#D1"> 跳轉(zhuǎn)到D1</a>
? ? ? ? ? ? ? ? ? ? ?<?a href="#"> 跳轉(zhuǎn)到定點(diǎn)</a>??（#這里表示定點(diǎn)）
? ? ? ? ?2.<img/>導(dǎo)入圖片（單標(biāo)簽）
? ? ? ? ? ? ? 屬性：width?寬度；height?高度；title?圖片的標(biāo)題，鼠標(biāo)放上顯示；alt?壞圖顯示名字
? ? ? ? ? ? ? 例如：<img src="圖片" width="100px" height="100px" alt="壞圖顯示名字" title="圖片的標(biāo)題，鼠標(biāo)放上顯示"/>
? ? ? ? ? ? 圖片超級(jí)鏈接：<a href="http://網(wǎng)址">
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<img src="圖片" width="100px" height="100px" alt="壞圖顯示名字" title="圖片的標(biāo)題，鼠標(biāo)放上顯示"/>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? </a>
三、表格標(biāo)簽
? ? ? ? ?1.<table></table>表格
? ? ? ? ? ? ? 屬性：border（邊框粗細(xì)）；cellspacing（單元格間距）；cellpadding（單元格邊距）；bordercolor（邊框顏色）；width（寬度）；height（高度）
? ? ? ? ?2.<tr></tr>行
? ? ? ? ? ? ? 屬性：align=left（此行全部水平左對(duì)齊）；align=right（此行全部水平右對(duì)齊）；align=center（此行全部水平居中對(duì)齊）
? ? ? ? ? ? ? ? ? ? ?valign=left（此行全部垂直左對(duì)齊）；valign=right（此行全部垂直右對(duì)齊）；valign=center（此行全部垂直居中對(duì)齊）
? ? ? ? ?3.<td></td>列
? ? ? ? ? ? ?屬性：width單元格寬度；height單元格高度；bgcolor背景顏色；rowspan合并單元格（行）；colspan合并單元格（列）
? ? ? ? ? ? ? ? ? ? ??align=left（水平左對(duì)齊）；align=right（水平右對(duì)齊）；align=center（水平居中對(duì)齊）
? ? ? ? ? ? ? ? ? ? ? valign=left（垂直左對(duì)齊）；valign=right（垂直右對(duì)齊）；valign=center（垂直居中對(duì)齊）
? ? ? ? 4.<th></th>表題，默認(rèn)單元格內(nèi)容自動(dòng)居中、加粗 ?(盡量不要跟<thead></thead>一起出現(xiàn))
? ? ? ? 5.<tfoot></tfoot>顯示效果都會(huì)在最后一行
? ? ? ? 6.<thead></thead>顯示效果都會(huì)在最上面一行
轉(zhuǎn)載于:https://www.cnblogs.com/yuyan0513/p/6527204.html
與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖總結(jié)
- 上一篇： BZOJ 2342: 【SHOI2011
- 下一篇： 利用Access-Control-All