【HTML寫法標簽】【HTML字體段落標簽】【錨點】【有序無序列表】【表格】 ...
【HTML寫法標簽】【HTML字體段落標簽】【錨點】【有序無序列表】【表格】
一、HTML寫法標簽:
雙標簽:<標簽名>內容</標簽名>
單標簽:<標簽名 內容/>
二、字體段落標簽(調皮版)
①加粗:<strong>內容</strong>
在新版本中明確指出,<b>標簽即將淘汰,所以,<strong>更實用。
②空格:
在HTML中空格無論按多少下,都只顯示一個,所以 當我們需要幾個空格,就用多少個。
③刪除線:<del>刪除線</del>
④上標、下標:
上標:<sup></sup>
下標:<sub></sub>
例:
成狼朗<sub>TM</sub>
⑤居中:<center></center>!
⑥傾斜:<em>
<em>猴大聖的救兵<em>
⑦標題標簽(共六級)
<h1>一級標題</h1>
<h2>二級標題</h2>
.....
<h6>六級標題</h6>
⑧alt:如果圖片顯示不出。
<a href="#007"><img src="file:///F|/1220作業/HTML作業。/1.gif" alt="破圖沒出來" title="此圖沒壞點點看" width="100" height="100"/></a>
⑨title:滑鼠懸浮圖片顯示文字
<a href="#007"><img src="file:///F|/1220作業/HTML作業。/1.gif" alt="破圖沒出來" title="此圖沒壞點點看" width="100" height="100"/></a>
三、錨點(a標簽回到頂端)
1、如果直接返回頂端:<a href="#top">回到頂端</a>
直接寫TOP就可以回到頂端,不需要寫其他的跳轉。
2、②如果想回到某個地方,那就在那個地方加上a標簽,然後命名:
<a name="zheli"></a> <a href="#zheli"></a>
四、HTML命名類型
id:唯一的
name:名字(可以重名)取一組元素多一些。
class:類。物以類聚。(加樣式效果多)
五、有序列表與無序列表
1、有序列表:ACB、123等等,均是有順序的。
<ol type="A"> <li>我有順序是老大</li> <li>我有順序是老二</li> <li>我有順序是老三</li> </ol>
2、無序列表:點或者其他標誌。
六、表格(手寫版)
表格的缺點:表格無法覆蓋
1、基礎表格
標簽:<table></table>
顧名思義 ,表格是通過行與列組合而成的,在手寫表格時,也主要是有行列構成:
行標簽:<tr></tr>
列標簽:<td></td>
表格形成之後為了能夠看出效果,多數都會加上邊框。border="1px"就是邊框的載入方式。
表格之中的字體位置調整需記住兩項對其方式:
①水平方式:
align:水平方式
left:左
center:中
right:右
align:right 右下
②垂直方式
valign:垂直方式
top:上
middle:中
bottom:下
<table width="400px" height="200px" cellpadding="0" cellspacing="0" border="1px" bordercolor="gray"> <tr height="100px" align="center"> <td>寬度/高度</td> <td>對齊方式</td> <td>背景顏色</td> </tr> <tr align="right" valign="bottom"> <td>400px/200px</td> <td>靠右/靠下</td> <td>gray</td> </tr> </table>