HTML代碼實際應用講解(入門)
一張完整的HTML帖子應該具備:背景+文章+插圖+音樂
一:背景
原代碼如下:
<TABLE align=center background="背景圖片網址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>
帖子的內容(文章+插圖+音樂)
</TD></TR></TBODY></TABLE>
注意:前邊用了多少<table......><tr><td>後面就要有多少</td></tr></table>收尾。多收和少收都會出錯哦!
常用的參數設定及注解:
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="圖片網址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">
width="400" 表格寬度,接受絕對值(如 500)及相對值(如 80%)
border="10" 表格邊框的厚度
cellspacing="2" 表格格線的厚度
cellPadding=5 表格格線內厚度
align="CENTER" 表格的擺放位置(水準),可選值為:左: left, 右: right,居中: center
valign="TOP" 表格內內容的對齊方式(垂直)
可選值為: top, middle, bottom。
background="背景圖片網址" 表格的背景圖片,與 bgcolor 不要同用。
bgcolor="#0000FF" 表格的底色,與 background 不要同用
bordercolor="#CF0000" 表格邊框顏色
bordercolorlight="#00FF00" 表格邊框向光部分的顏色
bordercolordark="#00FFFF" 表格邊框背光部分的顏色,使用 bordercolorlight 或bordercolordark 時 bordercolor 將會失效。
舉例:
代碼如下:
<TABLE align=center background="背景圖片網址" border=10 cellSpacing=12 borderColor=#841A00 width=500 height=200><TBODY><TR><TD>
<P align=center><FONT color=ff0000 face=標楷體 size=6>朋友˙您好嗎! </FONT></P>
</TD></TR></TBODY></TABLE>
圖片上面加 flash 語法
<TABLE cellSpacing=3 cellPadding=3 width=圖片寬度 bordercolor=660000 background=圖片網址 border=18>
<TBODY>
<TR>
<TD><EMBED align=right src=動畫網址 width=動畫寬度 height=動畫高度 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>
這是基本型語法,只是相片上面加動畫,如果圖片要加框,框要多寬要什麼顏色要幾層框,就靠個人需要去變化了