通过清心醉

自写HTML1~3

注:红色部分为实际源代码

html 1源代码
<!–
注释:
建立一个联系列表
列表内容为:
姓名 年龄 地址 (要求左对齐)
(名字左对齐,年龄右对齐,地址居中)
–>
<html>
<head>
<title> 我的通讯录 </title> <!–页面标签–>
</head>

<body bgcolor=”black”>   <!–背景为黑色–>
<table bgcolor=”red” border=”1px” height=”100px” width=”250px” align=”center”>
<!–边框为1px,高100px,宽150px,边框内颜色为红色,边框位置居中–>
<tr align=”left”> <!–以下数据为左对齐–>
<td>姓名 </td>
<td>年龄 </td>
<td>地址 </td>
</tr>
<tr>
<td align=”left”>张三 </td> <!–该列左对齐–>
<td align=”right”>23   </td> <!–该列右对齐–>
<td align=”center”>广东广州</td><!–该列居中–>
</tr>
<tr>
<td align=”left”>李四 </td>
<td align=”right”>25   </td>
<td align=”center”>广东深圳</td>
</tr>
</table>
</body>
</html>
源代码HTML1文件下载地址:http://url.cn/TGD4aG
*********************分 割 线*********************
*********************分 割 线*********************
html 2源代码
<!–
注释:
–>
<html>
<head>
<title> 横列不一表格 </title> <!–页面标签–>
</head>
<body bgcolor=”#007600″>   <!–背景为2进制#007600–>
<table bgcolor=”red” border=”1px” height=”100px” width=”250px” align=”center”>
<!–边框为1px,高100px,宽150px,边框内颜色为红色,边框位置居中–>
<tr>
<!–colspan=”x”表示表格占用列数–>
<td align=”center” colspan=”4″>通讯录</td>
</tr>
<tr>
<td align=”left”>张三 </td> <!–该列左对齐–>
<td align=”right”>23   </td> <!–该列右对齐–>
<td align=”center” colspan=”2″>广东广州AAAAAAAAAAAA</td><!–该列居中–>
<!–考虑通讯地址可能过长,固用2列,所以第一个表格应为4–>
</tr>
<tr>
<td align=”left”>李四 </td>
<td align=”right”>25   </td>
<td align=”center” colspan=”2″>广东深圳BBBBBBBBBBBB</td>
</tr>
</table>
</body>
</html>
源代码HTML2文件下载地址:http://url.cn/RYkvs6

*********************分 割 线*********************
*********************分 割 线*********************
html 3源代码
<!–
注释:
–>
<html>
<head> </head>
<title> 社会大学资料 </title> <!–页面标签–>
<body >
<table align=”center” border=”1px” height=”50px” width=”350px”>
<tr >
<td align=”center” colspan=”5″ bgcolor=”red”>社会大学</td>
</tr>
<!–分割线–>
<!– bgcolor颜色设置要一个个设置,如果用CSS就可以一个设置多个应用 –>
<!–分割线–>
<tr>
<td rowspan=”3″ width=”50px” bgcolor=”#073440″>计算机专业</td>
<td width=”100px”>专业</td>
<td width=”80px”>导师</td>
<td width=”50px”>学员人数</td>
<td rowspan=”3″ width=”50px” bgcolor=”#073440″>就业总比率86%</td>
</tr>
<tr >
<td width=”100px” bgcolor=”blue”>C++</td>
<td width=”80px” bgcolor=”blue”>张三</td>
<td width=”50px” bgcolor=”blue”>15人</td>
</tr>
<tr>
<td width=”100px” bgcolor=”blue”>C语言</td>
<td width=”80px” bgcolor=”blue”>李四</td>
<td width=”50px” bgcolor=”blue”>21人</td>
</tr>
<!–分割线–>
<!–分割线–>
<!–分割线–>
<tr>
<td rowspan=”4″ width=”50px” bgcolor=”#00999999″>理工专业</td>
<td width=”100px”>专业</td>
<td width=”80px”>导师</td>
<td width=”50px”>学员人数</td>
<td rowspan=”4″ width=”50px” bgcolor=”#00999999″>就业总比率87%</td>
</tr>
<tr>
<td width=”100px” bgcolor=”yellow”>机械工程</td>
<td width=”80px” bgcolor=”yellow”>媒游</td>
<td width=”50px” bgcolor=”yellow”>24人</td>
</tr>
<tr>
<td width=”100px” bgcolor=”yellow”>木工工程</td>
<td width=”80px” bgcolor=”yellow”>森木</td>
<td width=”50px” bgcolor=”yellow”>33人</td>
</tr>
<tr>
<td width=”100px” bgcolor=”yellow”>土工工程</td>
<td width=”80px” bgcolor=”yellow”>挖掘积</td>
<td width=”50px” bgcolor=”yellow”>18人</td>
</tr>
<!–分割线–>
<!–分割线–>
<!–分割线–>
<tr>
<td align=”center” bgcolor=”green”>统计人</td>
<td>管理员</td>
<td colspan=”2″ bgcolor=”green”>2013-11-13</td>
<td> <img src=”00.jpg” alt=”学校标志”/> </td>
<!–该地址为打开本文件夹内的00.jpg文件,当鼠标移至图片后显示alt内容–>
</tr>

</table>
</body>
</html>
源代码HTML3文件下载地址: http://url.cn/UxXT7n

 

关于作者

清心醉 administrator

发表评论

请输入验证码: