Web实训1

Posted Frozen_Guardian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web实训1相关的知识,希望对你有一定的参考价值。

项目3

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="Frozen_Guardian">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>新生简易主页设计</title>
		<style type="text/css">
			p{
			font-size:24px;
			color:blue;
			text-indent:2em;
			}
		</style>
	</head>
	<body>
		<h2 align="center">欢迎访问我的简易主页</h2>
		<hr color="red">
		<p align="center">我,生于1999年8月,山东人,录取专业:青岛大学软件工程专业录取,我非常高兴。<br>
		所在班级:19软工03,学号:2018206274&nbsp;&nbsp;姓名:刘成<br></p>
	</body>
</html>

项目5

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="Frozen_Guardian">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>meta标记、body标记属性应用</title>
		<style type="text/css">
			p{
			text-indent:2em;
			}
		</style>
	</head>
	<body bgcolor=#ccffff link="red">
		<h1 align="center">meta标记、body标记属性应用</h1>
		<hr>
		<p>
			Mozilla Firefox是由Mozilla基金会与开源团体共同开发的网页浏览器。Firefox 28 全新发布,从
				<a href="http://www.firefox.com.cn/">火狐官方中文网站</a>
			上下载最新版FireFox 火狐浏览器,拥有最快、最安全的上网体验。
		</p>
	</body>
</html>

项目6

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="Frozen_Guardian">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>我们的班级主页</title>
		<style type="text/css">
			p{
			text-indent:2em;
			}
			h2{
			color:red
			}
		</style>
	</head>
	<body>
		<h2 align="center">Web前端开发岗位介绍</h2>
		<hr color=#66ff00>
		<p>
			WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作;(2)承担WEB前端核心模块的设计、实现工作;(3)承担主要开发工作,对代码质量及进度负责;(4)参与进行关键技术验证以及技术选型工作;(5)和产品经理沟通并确定产品开发需求。
		</p>
		<script>
			alert("Web前端开发工程师就业前景好、薪酬高!");
		</script>
	</body>
</html>

课外扩展1

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="Frozen_Guardian">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>常用标记的应用</title>
		<style type="text/css">
			p{
			text-indent:2em;
			}
		</style>
	</head>
	<body>
		<h3 align="center">meta、h3、hr、p等标记的应用</h3>
		<hr color=#ff66ff>
		<p>
			HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其他标准未被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Weorking Group(Web超文本应用技术工作组 -WHATWG)的组织。
		</p>
	</body>
</html>

课外扩展2

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="Frozen_Guardian">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>body属性及注释标记的应用</title>
		<style type="text/css">
			p{
			color:white;
			}
			h1{
			color:white;
			}
			div{
			border:solid;
			border-width:1px;
			}
			body{
			margin:100px;
			width:60%;
			height:100%;
			}
		</style>
	</head>
	<body bgcolor=#9900ff >
		<p>body的属性应用</p>
		<div>
			<p>在div中插入标题字、水平分隔线和段落</p>
			<h1>设计彩色页面</h1>
			<hr color=#33ff00>
			<p style="text-indent:2em;">
				HTML(Hyper Text Mark-up Language)即超文本标记语言,是WWW的描述语言,由Tim Berners-Lee提出。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是网络的其他电脑上。
			</p>
			<hr color=#ff0000>
		</div>
	</body>
</html>

以上是关于Web实训1的主要内容,如果未能解决你的问题,请参考以下文章

java实训课web网页相关知识点总结

Web实训项目--网页设计(附源码)

Web实训1

实训任务2:部署Web项目

Web实训5

Web实训5