第一章课后作业

1.使用 HBuilder 编写符合以下要求的文档:网页标题为“网页学习”,在浏览器窗口中显示“”迎大家一起开始学习网页制作”。其中网页所有文字的颜色为 blue,背景颜色为#99ffff;;水平分割线粗细为5,颜色为#ff3333。

<!DOCTYPE html>
<html lang="zh">
	<head>
	<meta charset="UTF-8">
		<title>网页学习</title>
		</head>
		
		<body>		
		<p style="color: blue">欢迎大家一起开始学习网页制作</p >
        <body style="background-color:#99ffff">
			<hr style="border-top:5px solid #ff3333">
			<p align="center">网页制作Copyright&copy;暴龙战士</p>
			
	</body>
</html>

运行如下

2.使用HBuilder编写符合以下要求的文档:网页标题被“百度搜索”,在浏览器窗口中显示“欢迎使用百度搜索”和百度图片。其中网页背景颜色为#ffff33;水平分割线粗细为5,颜色为#0033ff。

<!DOCTYPE html>
<html lang="zh">
	<head>
	<meta charset="UTF-8">
		<title>百度搜索</title>
		</head>
		
		<body>		
		<p style="color: blue">欢迎使用百度搜索</p >
        <body style="background-color:#ffff33">
			<hr style="border-top:5px solid #0033ff">
			<p align="center">网页制作Copyright&copy;暴龙战士</p>
			<img src="img/33.png"/>
			
	</body>
</html>

运行如图

1. 什么是响应式设计?为什么它很重要? 响应式设计指的是能够自适应不同设备和屏幕尺寸的网站设计。它很重要,因为现在人们使用各种设备来浏览网站,包括电脑、平板电脑、智能手机等等,如果网站不能自适应屏幕尺寸,就会影响用户体验和网站的可用性。 2. 什么是流式布局?它与固定布局有什么不同? 流式布局指的是根据浏览器窗口大小自动调整网页布局的方式。与固定布局相比,流式布局能够更好地适应不同尺寸的屏幕,但是可能会导致一些元素的尺寸和位置不稳定,需要进行适当的调整。 3. 什么是媒体查询?它在响应式设计中起什么作用? 媒体查询是一种CSS技术,可以根据不同设备和屏幕尺寸应用不同的样式。在响应式设计中,媒体查询可以检测屏幕宽度、高度、方向等属性,从而应用不同的样式,实现自适应布局和美观的设计。 4. 什么是断点?在响应式设计中如何使用断点? 断点指的是设定的屏幕尺寸值,根据这些尺寸值来应用不同的样式。在响应式设计中,断点通常用于设置不同的布局、字体大小、图像尺寸等样式,根据不同的屏幕尺寸进行调整,以保持网站的可用性和美观。 5. 什么是流体图像?它在响应式设计中的作用是什么? 流体图像指的是可以自适应不同屏幕尺寸的图像。在响应式设计中,流体图像可以根据屏幕宽度和高度自动调整大小,以保持图像的清晰度和美观度。这可以提高网站的用户体验,并减少加载时间和带宽的消耗。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值