求网页设计作业
发布网友
发布时间：2022-04-22 03:27
共2个回答
热心网友
时间：2022-05-14 01:49
<!DOCTYPE html>
<html lang="en">
<!-- head标签里面的内容是整个网页的头部信息 -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页的标题</title>
</head>
<!-- 这里是写css样式的地方 -->
<!-- css 是不是用来修饰网页的界面效果的 把网页当做一个人 css就是这个人的化妆品 -->
<!-- 要想给对应的标签加上不同的效果 我们首先第一步 用class绑定一个自定义的类名 然后在写对应的css效果 -->
<style>
/* css样式的写法 点+类名*/
.template {
/* 背景颜色 */
/* background-color: red; */
}
.span_1 {
/* 字体颜色 */
color: red;
/* 字体大小 */
font-size: 28px;
}
.span_2 {
color: blue;
font-size: 10px;
}
.ads {
color: green;
font-size: 25px;
}
.adstwo {
color: black;
font-size: 45px;
}
</style>
<body>
<!-- html就相当于是 这个人的身体结构 他有脚头眼睛鼻子等等.. -->
<!-- 输入框 -->
<!-- 首先 我们所有的html标签都应该 用div容器包裹起来 -->
<!-- 其次 要给对应的标签加上相应的属性样式 用class指定类名 类名就是可以用来写css的 类名的名字可以随便写 -->
<div class="template">
<!-- 什么是块级标签？ >> 简单的说 就是这个标签在浏览器会的占一行 -->
<!-- 什么是行内标签？ >> 简单的说 就是这个标签纸在浏览器不会占一行 两个行内标签可以并排显示 -->
<span class="span_1">span标签</span>
<span class="span_2">span标签2</span>
<!-- 要求：把第一个P标签颜色变绿 然后字体变大 把第二个P标签颜色变黑 然后字体变更大 -->
<p class="ads">我是P标签</p>
<p class="adstwo">我是P标签2</p>
<!-- 输入框标签 -->
<!-- 文本输入框 -->
<!-- type表示这个输入框是哪种类型的 -->
<!-- placeholder 表示这个输入的说明 -->
<!-- 输入框 文本输入框 密码输入框 数字输入框 ..等等 -->
<input type="text" placeholder="这是文书输入框">
<input type="password" placeholder="这是密码是输入框">
<input type="number" placeholder="这是数字输入框">
<!-- img 图片标签 src 图片的路径（我们要先知道图片的路径才能引用图片） -->
<!-- alt表示当图片不能正常的被加载出来的时候 显示alt里面对应的内容 -->
<!-- ../返回上一级目录查找 ./当前目录下查找 -->
<img src="../img/liuyifei.jpg" alt='这是图片不能正常被加载时显示的内容'>
<a href="http://www.baidu.com">链接跳转1</a>
<a href="http://www.baidu.com">链接跳转2</a>
<a href="http://www.baidu.com">链接跳转3</a>
<a href="http://www.baidu.com">链接跳转4</a>
<a href="http://www.baidu.com">链接跳转5</a>
</div>
</body>
</html>
您好，能帮到你的就这些了（如果有用，望采纳 谢谢）
热心网友
时间：2022-05-14 03:07
区网站模板网站去下载一个，都可以满足你的要求，或是去华南理工大学网页设计培训看看
