<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>