goTOP
March 8, 2016

拍賣與購物平台常用的HTML程式碼

| |
網頁語言 » html | 閱覽(2650) | Posted by apao at 16:33
換行
<br>


文字大小
文字放大 由+1~+6
文字縮小 由-1~-6
<font size="+6">大字</font>
<font size="-1">小字</font>

範例:大字小字

粗體
<b>變粗的文字1</b>
<strong>變粗的文字2</strong>
<span style="font-weight:bold;">變粗的文字3</span>

範例:變粗的文字1, 變粗的文字2, 變粗的文字3

斜體
<i>斜體1</i>
<em>斜體2</em>
<span style="font-style:italic;">斜體3</span>

範例:斜體1, 斜體2, 斜體3

底線
<u>下底線</u>
<span style="text-decoration:underline;">下底線</span>

範例:下底線, 下底線

文字顏色
<font color="blue">藍色的字</font>
<font color="#FF0000">紅色的字</font>
<span style="color:orange; background:#F9FDAD;">橘色的字,黃色底</span>

範例:藍色的字, 紅色的字, 橘色的字,黃色底


黑色
black
白色
white
棕色
maroon
深藍色
navy
藍色
blue
紅色
red
綠色
green
檸檬綠
lime
黃色
yellow
銀色
silver
橄欖色
olive
紫色
purple
灰色gray洋紅色fuchsia淺藍色aqua


連結
<a href="你的連結" target="_blank">你的連結</a>

你的連結

圖片連結
<img src="你的圖片連結" alt=""/>



文字居中
<center>文字居中1</center>
<p style="text-align:center">文字居中2</p>

文字居中1

文字居中2



清單
<ul>
<li>清單1</li>
<li>清單2</li>
</ul>

  • 清單1
  • 清單2


表格
<table width="100%" border="1" cellspacing="1" cellpadding="2">
<tr>
<td>表格1</td>
<td>表格2</td>
</tr>
<tr>
<td>表格3</td>
<td>表格4</td>
</tr>
</table>

表格1表格2
表格3表格4

Facebook twitter LINEk
文章来自: 本站原創
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我