我们的微机作业:
设计一个个人简单主页,内容至少包括:
(1)个人简介
(2)图片
(3)背景音乐(网络上自己找URL)
(4)虚拟的各门课成绩(表格设计)
(5)大学生活几句话、推崇的名言警句等等。
前三项至少要有.急用.谢了
把代码发在下面就行...能用记事本编辑的那种...
<html>
<head>
<title>第一个html网页</title>
<metacharset="utf-8">
</head>
<body>
</body>
</html>
<html>
<head>
<title>第一个html网页</title>
<metacharset="utf-8">
</head>
<body>
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
</body>
</html>
扩展资料
HTML语言特点
1、HTML语法较弱。
在w3c制定的HTML5规范中,对于HTML5在语法结构上的规格限制是较松散的,如、或在浏览器中具有同样的功能,是不区分大小写的。另外,也没有严格要求每个控制标记都要有相对应的结束控制标记。
2、HTML5编写简单。
即使用户没有任何编程经验,也可以轻易使用HTML来设计网页,HTML5的使用只需将文本加上一些标记(Tags)即可。
3、HTML标记数目有限。
在w3C所建议使用的HTML5规范中,所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变,且每个控制标记都已被定义过,其所提供的功能与相关属性的设置都是固定的。
给一个简单的方法。
1、随便打开一个网页,如图:
2、右键——网页另存为,将该页保存到自己的电脑,这样就可以把页面代码、图片、css、js等相关要素下载下来。
3、点击网页代码,就可以在自己电脑中打开。如图
注:上面案例中logo图是写在css背景中的,抓不下来,自己做一个图放上去即可。
4、下载下来的代码图文,可以按自己的意愿进行随意修改。
<head>
<title>我的简介</title>
<style type="text/css">
td { padding:5px; width:70px; text-align:center; font-family:Verdana; }
th { background-color:#333; color:#FFF; padding:6px; }
#idel span { font-weight:bold; color:#FFF; }
#container { width:100%; float:left; border:0px; overflow:hidden; margin:0px;}
#idel { height:35px; width:100%; margin:10px 0px 0px 0px; background-color:#333; font-family:Verdana; padding:7px; overflow:hidden; }
.intro span { font-size:18px; font-family:微软雅黑; font-weight:bold; }
.intro { width:70%; border:1px solid #333; float:left; margin:10px 0px 0px 10px;; background:#FFF; text-align:center; padding:10px; }
.content { width:100%; border-top:1px solid #666; text-align:left; padding:10px; font-size:14px; line-height:200%; color:#222; overflow:hidden;}
#score { width:25%; border:0px; float:left; margin:10px;}
</style>
</head>
<body style="margin:0px;background:url(,2756115135&fm=0&gp=20.jpg);">
<div id="container">
<div id="idel">
<span >人生信条 |</span>
<marquee width="70%" behavior="scroll" scrollamount="3" scrolldelay="-1" style="color:#FFF; font-size:12px; ">人生是一个怎样的世界? 1、每一个成功者都有一个开始。勇于开始,才能找到成功的路。 </marquee>
</div>
<div class="intro">
<span>我的简介</span>
<div class="content">我会用自己的脚步去走自己的人生,不管这条路是泥泞还是平地,这是我的选择,我坚信,无论走过的路是艰辛或是快乐,我的人生终究会是幸福的.问我读过什么学校?
我说不完,太多了,我来来回回的转学.其实我也不想,但是没办法.陈年旧事也不想提了
问我最喜欢的书籍是什么?
其实没有特别喜欢的,,就随便说个吧,那就是[人生],其实这本书每个人都正在读,直到老去,直到生命的结束,[人生]的剧本才会落下帷幕.那时才会真正的领悟到人生的真谛.
</div>
</div>
<div id="score">
<table border="1" style="border-collapse:collapse; border:1px solid #000;width:100%; background:#FFF;" cellspacing="0" cellpadding="0">
<tr>
<th>科目</th>
<th>成绩</th>
</tr>
<tr>
<td>英语</td>
<td>110</td>
</tr>
<tr>
<td>语文</td>
<td>110</td>
</tr>
<tr>
<td>数学</td>
<td>120</td>
</tr>
<tr>
<td>政治</td>
<td>80</td>
</tr>
</table>
</div>
<div class="intro" style="background:url();height:50px;"></div>
<div class="intro">
<span>我喜欢的格言</span>
<div class="content">
· 格言1:<br />
· 格言2:<br />
· 格言3:<br />
· 格言4:<br />
· 格言5:<br />
</div>
</div>
</div><bgsound src="" loop="1"></bgsound>
</body>
</html>
看看满意么?本回答被提问者采纳
xmlns="
http://
www
.w3.org/1999/xhtml">
<head>
<title>我的简介</title>
<style
type="text/css">
td
{
padding:5px;
width:70px;
text-align:center;
font-family:Verdana;
}
th
{
background-color:#333;
color:#FFF;
padding:6px;
}
#idel
span
{
font-weight:bold;
color:#FFF;
}
#container
{
width:100%;
float:left;
border:0px;
overflow:hidden;
margin:0px;}
#idel
{
height:35px;
width:100%;
margin:10px
0px
0px
0px;
background-color:#333;
font-family:Verdana;
padding:7px;
overflow:hidden;
}
.intro
span
{
font-size:18px;
font-family:微软雅黑;
font-weight:bold;
}
.intro
{
width:70%;
border:1px
solid
#333;
float:left;
margin:10px
0px
0px
10px;;
background:#FFF;
text-align:center;
padding:10px;
}
.content
{
width:100%;
border-top:1px
solid
#666;
text-align:left;
padding:10px;
font-size:14px;
line-height:200%;
color:#222;
overflow:hidden;}
#score
{
width:25%;
border:0px;
float:left;
margin:10px;}
</style>
</head>
<body
style="margin:0px;background:url(
,2756115135&fm=0&gp=20.jpg);">
<div
id="container">
<div
id="idel">
<span
>人生信条 |</span>
<marquee
width="70%"
behavior="scroll"
scrollamount="3"
scrolldelay="-1"
style="color:#FFF;
font-size:12px;
">人生是一个怎样的世界?
1、每一个成功者都有一个开始。勇于开始,才能找到成功的路。
</marquee>
</div>
<div
class="intro">
<span>我的简介</span>
<div
class="content">我会用自己的脚步去走
自己的人生
,不管
这条路
是泥泞还是平地,这是我的选择,我坚信,无论
走过的路
是艰辛或是快乐,
我的人生
终究会是幸福的.问我读过什么学校?
我说不完,太多了,我来来回回的转学.其实我也不想,但是
没办法
.
陈年旧事
也不想提了
问我最喜欢的
书籍
是什么?
其实没有特别喜欢的,,就随便说个吧,那就是[人生],其实
这本书
每个人都正在读,直到老去,直到生命的结束,[人生]的
剧本
才会
落下帷幕
.那时才会真正的领悟到
人生的真谛
.
</div>
</div>
<div
id="score">
<table
border="1"
style="border-collapse:collapse;
border:1px
solid
#000;width:100%;
background:#FFF;"
cellspacing="0"
cellpadding="0">
<tr>
<th>
科目
</th>
<th>成绩</th>
</tr>
<tr>
<td>英语</td>
<td>110</td>
</tr>
<tr>
<td>
语文
</td>
<td>110</td>
</tr>
<tr>
<td>
数学
</td>
<td>120</td>
</tr>
<tr>
<td>
政治
</td>
<td>80</td>
</tr>
</table>
</div>
<div
class="intro"
style="background:url(
);height:50px;"></div>
<div
class="intro">
<span>我喜欢的
格言
</span>
<div
class="content">
·
格言1:<br
/>
·
格言2:<br
/>
·
格言3:<br
/>
·
格言4:<br
/>
·
格言5:<br
/>
</div>
</div>
</div><bgsound
src="
"
loop="1"></bgsound>
</body>
</html>
看看满意么?
<body>
<p>每个表格由 table 标签开始。</p>
<p>每个表格行由 tr 标签开始。</p>
<p>每个表格数据由 td 标签开始。</p>
<h4>一列:</h4>
<table border="1">
<tr>
<td>100</td>
</tr>
</table>
<h4>一行三列:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>
<h4>两行三列:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
</body>
</html>