教你零基础用html制作简单网页

制作如下网页：

1.新建项目，项目名称mySite，路径D盘根目录下。
2.新建样式文件，名称为style.css，并通过外部引入到主页中。
3.主页中，插入标题一、标题二和一个段落，内容自拟
4.设置页面背景色为淡蓝色，标题一和标题二文本颜色为橙色，段落文本颜色为红色
5.新建子页，子页背景色和主页背景色一致

  1. 先新建一个Web项目，命名为mySite
image-20260321160235802

2.在css文件夹中新建一个css文件，名称为style.css

image-20260322183805350

引入主页

<link rel="stylesheet" type="text/css" href="css/style.css"/>

3.在主页编写代码

	<body>
		<h1>hello</h1>
		<h2 align="center">你好</h2>
		<h3>world</h3>
		<p>my name is liu</p>
		<a href='*' target="_blank">超级链接</a>
	</body>

4.在style.css设置页面

body{
	background-color: cornflowerblue;
}
h1,h3{
	color: orange;
}
h2[align="center"]{
	/*找到第二个标题*/
	color: orange;
}
p{
	color: red;
}
a[target='_blank']{
	color:red
}

5.在mySite中新建子页，引入背景

<link rel="stylesheet" type="text/css" href="css/style.css"/>
posted @ 2026-03-22 18:53  崔雅楠  阅读(40)  评论(0)    收藏  举报