第五章：HTML制作静态网页（新闻网站）

实验目标

  1. 掌握HTML基本结构。
  2. 掌握HTML基本文本标签、头部标记的定义和功能。
  3. 掌握超链接、表格、表单、图像的定义和功能。
  4. 综合应用HTML制作静态网页，并开发“新闻网站”页面。

实验实施（跟我做）

步骤一：创建“登录”页面内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
	</head>
	<body>
	</body>
</html>

步骤二：添加“登录”页面内容

1. 内容标题

		<h1>这是一个新闻网站</h1>
		<h2>登录页面</h2>

2. 表单内容

		<form>
			账号：<input type="text" name="user"/>
			<br />
			密码：<input type="password" name="password"/>
			<br />
			<input type="submit" value="登录"/>
		</form>

3. 页面效果

image

步骤三：创建新闻首页和二级页面

步骤四：添加新闻页面内容

步骤五：实现页面跳转

posted @ 2023-12-14 10:22  小范爱随记  阅读(323)  评论(0)    收藏  举报