wo的HTML
来源:互联网 发布:python必备书 编辑:程序博客网 时间:2024/06/03 23:06
<html>
<head>
</head>
<body>
<table align="center" height="10px" bgcolor="yellow" border="3px" width="400px">
<!--tr表示一行-->
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr align="right">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr align="left">
<td>1</td>
<td>2</td>
<td>3</td>
</tr></table>
<br/>
<br/>
<br/>
<br/>
<table align="center" height="120px" width="400px" bgcolor="red" border="5px" bordercolor="yellow" cellspacing="0px" background="2000.jpg" >
<!--border表示外边框的显示,height表示高度,width表示宽度,cellspacing表示单元格间距cellpadding起到填充作用单元格边距,background表示背景-->
<tr align="center"><!--frist-->
<td colspan="3">菜谱</td>
<!--colspan表示上面一列要占3列的位置-->
</tr>
<tr align="center"><!--second-->
<td rowspan="2">素菜</td>
<!--rowspan表示这一位置要占2行-->
<td>青椒茄子<img src="file:///D|/Documents/pictures/2000.jpg" width="60px" alt="心情"></td>
<td>花椒扁豆</td></tr>
<tr align="center"><!--third-->
<td>家常豆腐</td>
<td>黄瓜</td></tr>
<tr align="center"><!--forth-->
<td rowspan="2">荤菜</td>
<td>鸡肉火锅</td>
<td>鸭肉火锅</td></tr>
<tr align="center"><!--fifth-->
<td>清蒸鲫鱼</td>
<td>红烧排骨</td></tr>
</table>
<br/>
<br/>
<br/>
<br/>
<br/>
<center>DRIEAM</center>
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>th元素内部的文本会变成粗体,另外在表格里插入换行符br是不行的</th>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<center>无序列表ul,搜索引擎喜欢</center>
<!--前面可以加type描述,前面的符号类型,type用于指定用什么来显示-->
<ul>
<li>英雄</li>
<li>英雄</li>
<li>英雄</li>
</ul>
<center>有序列表ol</center>
<!--也有type,按照不同的数字,或字母或罗马数字,里面还有start="2"表示从第2个开始排-->
<ol>
<li>英雄</li>
<li>英雄</li>
<li>英雄</li>
</ol>
<!--Frameset用途主要是用来分割显示多个页面,-->
</body>
</html>
<head>
</head>
<body>
<table align="center" height="10px" bgcolor="yellow" border="3px" width="400px">
<!--tr表示一行-->
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr align="right">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr align="left">
<td>1</td>
<td>2</td>
<td>3</td>
</tr></table>
<br/>
<br/>
<br/>
<br/>
<table align="center" height="120px" width="400px" bgcolor="red" border="5px" bordercolor="yellow" cellspacing="0px" background="2000.jpg" >
<!--border表示外边框的显示,height表示高度,width表示宽度,cellspacing表示单元格间距cellpadding起到填充作用单元格边距,background表示背景-->
<tr align="center"><!--frist-->
<td colspan="3">菜谱</td>
<!--colspan表示上面一列要占3列的位置-->
</tr>
<tr align="center"><!--second-->
<td rowspan="2">素菜</td>
<!--rowspan表示这一位置要占2行-->
<td>青椒茄子<img src="file:///D|/Documents/pictures/2000.jpg" width="60px" alt="心情"></td>
<td>花椒扁豆</td></tr>
<tr align="center"><!--third-->
<td>家常豆腐</td>
<td>黄瓜</td></tr>
<tr align="center"><!--forth-->
<td rowspan="2">荤菜</td>
<td>鸡肉火锅</td>
<td>鸭肉火锅</td></tr>
<tr align="center"><!--fifth-->
<td>清蒸鲫鱼</td>
<td>红烧排骨</td></tr>
</table>
<br/>
<br/>
<br/>
<br/>
<br/>
<center>DRIEAM</center>
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>th元素内部的文本会变成粗体,另外在表格里插入换行符br是不行的</th>
</tr>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<center>无序列表ul,搜索引擎喜欢</center>
<!--前面可以加type描述,前面的符号类型,type用于指定用什么来显示-->
<ul>
<li>英雄</li>
<li>英雄</li>
<li>英雄</li>
</ul>
<center>有序列表ol</center>
<!--也有type,按照不同的数字,或字母或罗马数字,里面还有start="2"表示从第2个开始排-->
<ol>
<li>英雄</li>
<li>英雄</li>
<li>英雄</li>
</ol>
<!--Frameset用途主要是用来分割显示多个页面,-->
</body>
</html>