作业

最新推荐文章于 2024-07-25 11:52:08 发布

sumuqi

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量91

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/sumuqi/article/details/104952243

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<fieldset>

		<legend>个人信息</legend>
		<label for="name">用户名：</label>
		<input type="text" name="usr_name" value="name">
		<br>
		<label for="name">邮箱：</label>
		<input type="text" name="email" value="email">
	</fieldset>
	<hr>

	<input type="submit" value="提交按钮">
	<input type="reset" value="重置按钮">
	<input type="image" src="../image/submit.gif">
	<input type="button" value="普通按钮">
	<hr>
	<button type="submit">提交按钮</button>
	<button type="reset">重置按钮</button>
	<button type="button">普通按钮</button>
	<button><<im srgc="../image/submit.gif" alt=""></button>

	<fieldset>
		<legend>院校信息</legend>
		学号：<input type="text" name="stuID"><br>
		学院：<input type="text" name="stuSchool"><br>
		专业：<input type="text" name="stuMajor"><br>
	</fieldset>

</body>
</html>

在这里插入图片描述

主体部分：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
	<iframe src="./24.1 top.html" width="100%" height="200" frameborder="0" scrolling="auto"></iframe>
	<h3>主体部分</h3>
	<hr>
	<a href="02.html" title="helllo">1.html</a>
	<a href="09.html" title="helllo">2.html</a>
	<iframe src="./24.2 foot.html" width="600px" height="600px" frameborder="0" scrolling="hello"></iframe>
</body>
</html>

头部：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ul>
		<li>网页</li>
		<li>资讯</li>
		<li>视频</li>
		<li>图片</li>
		<li>知道</li>
		<li>文库</li>
		<li>贴吧</li>
	</ul>
</body>
</html>

底部：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	 <p>底部和版权</p>
</body>  
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<article>标题
	<section>
		第一段
	</section>
	<section>
		第二段
	</section>
	<footer>脚注</footer>
	</article>

	<aside>广告</aside>
	<br>

	<figure>
		<figcaption>log标题</figcaption>
		<img src="../image/google.png" alt="">
		<img src="../image/facebook.png" alt="">
	</figure>

	<nav>
		<ul>
			<li>网页</li>
			<li>咨讯</li>
			<li>视频</li>
			<li>图片</li>
			<li>知道</li>
			<li>文库</li>
			<li>贴吧</li>
		</ul>
	</nav>
</html>

在这里插入图片描述

sumuqi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
作业

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <fieldset> <legend>个人信息</lege...
复制链接

扫一扫