用html設定文字的顏色，大小，粗細 表格設定
阿新 • • 發佈：2019-02-16
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>
<h1> 索尼 <font color="green"> <strong> <u> 膝上型電腦 </u> </strong> </font> 排名 最新報價 品牌可保證
</h1>
xxxxxxxxx內容xxxxxxxxx
2016-6-18
</p>
<p style="color:red">我是紅色，因為上面style中指明瞭p標籤裡的顏色是紅色</p>
<p style="color:violet">我是紫色，因為上面style中指明瞭p標籤裡的顏色是紫色
<span style="color:green;">但是我在span裡，span的顏色設定的是綠色</span></p>
<p style="font-size:30px;">床前明月光，<span style="font-size:60px;color:red;"><strong>疑是地上霜。</strong></span></p>
<font style="font-size;60px">不知廬山真面目</font><br/>
<a href="http://www.baidu.com">點選進入百度</a><br/>
<!- alt圖片提示是隻有圖片無法顯示的時候才會提示，當圖片要顯示又要顯示提示的時候要用title才可以-->
<img src="test.jpg" width="200px" borderwidth ＝"1px" title="邊境牧羊犬"/>
<!-圖片比例的問題只需要設定一個邊的大小，會自動按比例縮放圖片，不用我們自己設定->
<img src="test.jpg" width="200px" title="邊境牧羊犬"/>
<!-圖片邊框的設定，還有設定多張圖片的設定->
<img src="test.jpg" width="200px" border="1px" title="邊境牧羊犬"/>
<img src="test.jpg" width="200px" title="邊境牧羊犬"/><br/>
<!-設定網路圖片，也可以這樣設定圖片大小，邊框，提示等等->
<img src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/super/pic/item/d8f9d72a6059252d9cae29393c9b033b5bb5b955.jpg" width="300" title="這是歐冠比賽圖片"><br/>
<br/>
<!-表格 tr表示行，td表示列 這裡是一個選單的案例 ->
<table bgcolor="yellow" border="1" bordercolor="red" cellspacing="0" width="400px"><!-設定表的邊框和表背景顏色 cellspacing設定表格表格之間的間距 cellpadding 設定表格內部的間距->
<tr align="center"><!-表格第一行的居中->
<td colspan="3" >菜譜</td><!-表示該列要佔三列的寬度->
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青菜茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">葷菜</td>
<td >水煮肉片</td>
<td>可樂雞翅</td>
</tr>
<tr>
<td>小炒肉 <img src="test.jpg" width="70"></td>
<td>魚香肉絲</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p>
<h1> 索尼 <font color="green"> <strong> <u> 膝上型電腦 </u> </strong> </font> 排名 最新報價 品牌可保證
</h1>
xxxxxxxxx內容xxxxxxxxx
2016-6-18
</p>
<p style="color:red">我是紅色，因為上面style中指明瞭p標籤裡的顏色是紅色</p>
<p style="color:violet">我是紫色，因為上面style中指明瞭p標籤裡的顏色是紫色
<span style="color:green;">但是我在span裡，span的顏色設定的是綠色</span></p>
<p style="font-size:30px;">床前明月光，<span style="font-size:60px;color:red;"><strong>疑是地上霜。</strong></span></p>
<font style="font-size;60px">不知廬山真面目</font><br/>
<a href="http://www.baidu.com">點選進入百度</a><br/>
<!- alt圖片提示是隻有圖片無法顯示的時候才會提示，當圖片要顯示又要顯示提示的時候要用title才可以-->
<img src="test.jpg" width="200px" borderwidth ＝"1px" title="邊境牧羊犬"/>
<!-圖片比例的問題只需要設定一個邊的大小，會自動按比例縮放圖片，不用我們自己設定->
<img src="test.jpg" width="200px" title="邊境牧羊犬"/>
<!-圖片邊框的設定，還有設定多張圖片的設定->
<img src="test.jpg" width="200px" border="1px" title="邊境牧羊犬"/>
<img src="test.jpg" width="200px" title="邊境牧羊犬"/><br/>
<!-設定網路圖片，也可以這樣設定圖片大小，邊框，提示等等->
<img src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/super/pic/item/d8f9d72a6059252d9cae29393c9b033b5bb5b955.jpg" width="300" title="這是歐冠比賽圖片"><br/>
<br/>
<!-表格 tr表示行，td表示列 這裡是一個選單的案例 ->
<table bgcolor="yellow" border="1" bordercolor="red" cellspacing="0" width="400px"><!-設定表的邊框和表背景顏色 cellspacing設定表格表格之間的間距 cellpadding 設定表格內部的間距->
<tr align="center"><!-表格第一行的居中->
<td colspan="3" >菜譜</td><!-表示該列要佔三列的寬度->
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青菜茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">葷菜</td>
<td >水煮肉片</td>
<td>可樂雞翅</td>
</tr>
<tr>
<td>小炒肉 <img src="test.jpg" width="70"></td>
<td>魚香肉絲</td>
</tr>
</table>
</body>
</html>