制作一个简单HTML个人网页网页(HTML+CSS)源码

一个简单的HTML网页,可用于大学html期末作业,照片都是网上找的

看一下成品图:

主页代码,这里的<link href="images/css.css" rel="stylesheet" type="text/css" />是引入css样的,images里面装的是css文件(完整源码见文末)

<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的驿站</title>
<link href="images/css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
 
</style>
</head>
 
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
  <tr>
    <td><img src="images/logo2.png"  height="100" /></td>
    <td width="100" align="center"><a href="index.html">主页</a></td>
    <td width="100" align="center"><a href="haoyou.html">我的偶像</a></td>
    <td width="100" align="center"><a href="photo.html">我的相册</a></td>
    <td width="100" align="center"><a href="rizhi.html">我的日志</a></td>
    <td width="100" align="center"><a href="yinyue.html">我的音乐</a></td>
  </tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
  <tr>
    <td></td>
  </tr>
  <tr>
    <td><table width="760" border="0" cellspacing="10" cellpadding="0">
      <tr>
        <td><p >我的个人简介。 </p>
          <p >姓名:lz</p>
          <p >性别:男</p>
          <p >生日:0809</p>
          <p >学校:某某大学</p>
          <p >爱好:摄影,乒乓球,学习,王者荣耀</p>
          <p >你看&#8212;&#8212;</p></td>
        <td><img src="images/1.jpg" width="383" height="289" /></td>
      </tr>
      <tr>
        <td><img src="images/2.jpg" width="400" /></td>
        <td>
          <p >好吧,我承认我兴趣广泛。 </p>
          <p >包括吃喝玩乐睡。 </p>
          <p >当然还有一些低调奢华有内涵的部分了。 </p>
          <p >什么没事捧着我的小单反出去摄摄影啦。 </p>
          <p >闲的无聊用手捣鼓两下我的小钢琴啦。 </p>
          <p ></p></td>
      </tr>
      <tr>
        <td><p >什么吉他,竹笛,那都不在话下。嘿嘿。 </p>
          <p >是不是很崇拜我啊。 </p>
          <p >恩。。。我的朋友很多。但是敌人也很多。          </p>
          <p >综上所述要想更多地了解我,就来看看我的小世界吧。 </p></td>
        <td><img src="images/3.jpg" width="400" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/m0_37916936/article/details/130702459