HTML实验二_将“城楼”和“城台”的文字背景颜色设置为蓝色,文字颜色设置为白色并加粗显-程序员宅基地

1．设计如图2-16所示的页面：

2、利用CSS对网页文件做如下设置：

（1）h1标题字体颜色为白色、背景颜色为蓝色、居中、四个方向的填充值15px

（2）使文字环绕在图片周围，图片边线：粗细1px,颜色#9999cc，虚线，与周围元素的边界 5px

（3）段落格式：字体大小12px，首行缩进两字符、行高1.5倍行距、填充值5px

（4）消除网页内容与浏览器窗口边界间的空白、并设置背景色#ccccff

（5）给两个段落加不同颜色的右边线：3px double red和3px double orange

3. 简单设计题

（1）在网页上显示当前时间（客户端机器），一秒刷新一次。

（2）延迟执行某段代码，如让网页3秒钟后转到网页http://www.163.com。

（3）在网页上显示当前日期, 星期（客户端机器）。如果时间在6:00－12:00之间，输出“早上好”；如果时间在12:00－18:00，输出“下午好”；如果时间在18:00－24:00之间，输出“晚上好”；如果时间在0:00－6:00，输出“凌晨好”。

设计步骤一：（设计如图2-16所示的页面：）

代码如下：

<html>
<head>
<title>
邹泽斌
</title>
</head>
<body>
  <h1>互联网发展起源</h1>
  <img src="C:\Users\12401\Desktop\4.jpg">
  <p> 1969年，为了保障通信联络，美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网ARPNET，连接美国四个大学。ARPNET的建成和不断发展标志着计算机网络发展的新纪元。</p>
  <p> 20世纪70年代末到80年代初，计算机网络蓬勃发展，各种各样的计算机网络也应运而生，如MILNET、UYSERNET、BITNET、CSNET等，在网络的规模和数量上都得到很大的发展。一系列网络的建设，产生了不同网络互联的需求，并最终导致了TCP/IP协议的诞生</p>
</body>

</html

网页截图：

设计步骤二：利用CSS对网页文件进行设置

代码如下

<html>
<head>
<title>
邹泽斌
</title>
<!--（1）h1标题字体颜色为白色、背景颜色为蓝色、居中、四个方向的填充值15px
     （2）使文字环绕在图片周围，图片边线：粗细1px,颜色#9999cc，虚线，与周围元素的边界5px
     （3）段落格式：字体大小12px，首行缩进两字符、行高1.5倍行距、填充值5px
     （4）消除网页内容与浏览器窗口边界间的空白、并设置背景色#ccccff
     （5）给两个段落加不同颜色的右边线：3px double red和3px double orange
-->

<style type="text/css">
  h1{
    color:white;
	background-color:blue;
	text-align:center;
	padding:15px;
	}
  img{
    float:left;
    border:1px  #9999cc dashed;
	margin: 5px;
	width:50% ;
	height:auto;
	 }
    p{
    font-size:12px;
    text-indent:2em;
	line-height:1.5;
	padding:5px;
     }
 body{
    margin:0px;
	background-color:#ccccff;
     }
 #p1{
    border-right:3px red double ;
	 }
 #p2{
    border-right:3px  orange double;
	 }
</style>
</head>
<body>
  <h1>互联网发展起源</h1>
  <img src="C:\Users\12401\Desktop\4.jpg" >
  <p id="p1"> 1969年，为了保障通信联络，美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网
  ARPNET，连接美国四个大学。ARPNET的建成和不断发展标志着计算机网络发展的新纪元。</p>
  
  <p id="p2"> 20世纪70年代末到80年代初，计算机网络蓬勃发展，各种各样的计算机网络也应运而生，如MILNET、UYSERNET、
  BITNET、CSNET等，在网络的规模和数量上都得到很大的发展。一系列网络的建设，产生了不同网络互联的需求，并最终导致了TCP/IP协议的诞生</p>
</body>

</html>

网页截图

设计步骤三：

代码如下

<html>
<head>
<meta http-equiv="refresh" content="3;url=http://www.163.com"/>
<title>
邹泽斌
</title>
<!--（1）在网页上显示当前时间（客户端机器），一秒刷新一次。
    （2）延迟执行某段代码，如让网页3秒钟后转到网页http://www.163.com。
    （3）在网页上显示当前日期, 星期（客户端机器）。如果时间在6:00－12:00之间，输出早上好；
	  如果时间在12:00－18:00，输出“下午好”；如果时间在18:00－24:00之间，输出晚上好；如果时间在0:00－6:00，输出凌晨好。


-->
<script language="javascript" type="text/javascript">
<!--
  //获得当前时间,刻度为一千分一秒
  var initializationTime=(new Date()).getTime();
  function showLeftTime()
   {
     var now=new Date();
     var year=now.getYear();
     var month=now.getMonth();
     var day=now.getDate();
     var hours=now.getHours();
     var minutes=now.getMinutes();
     var seconds=now.getSeconds();
	 var t;
	 if(hours<12&&hours>6) t="早上好";
     if(hours<18&&hours>12) t="下午好";
     if(hours<24&&hours>18) t="晚上好";
	 if(hours<6&&hours>0) t="凌晨好";
     document.all.show.innerHTML=""+(year+1900)+"年"+month+"月"+day+"日 "+hours+"时"+minutes+"分"+seconds+"秒"+
	 "    "+t;
 //一秒刷新一次显示时间
  var timeID=setTimeout(showLeftTime,1000);
}
//-->

 //function showdoc(){
  //  setTimeout( href="http://www.163.com",3000);
	// }

</script>


<style type="text/css">
  
	#show{
	    width:100%;
		height:20px;
		background:#fff000;
		line-height:50px;
		text-align:center;
		margin:0px;
	}
  h1{
    color:white;
	background-color:blue;
	text-align:center;
	padding:15px;
	}
  img{
    
    float:left;
    border:1px  #9999cc dashed;
	margin: 5px;
	width:125px ;
	height:auto;
	 }
    p{
    font-size:12px;
    text-indent:2em;
	line-height:1.5;
	padding:5px;
     }
 body{
    onload="showLeftTime()"；
    margin:0px;
	background-color:#ccccff;
     }
 #p1{
    border-right:3px red double ;
	 }
 #p2{
    border-right:3px  orange double;
	 }
	
</style>


</head>

  <body onload="showLeftTime()" >

  <label id="show">显示时间的位置</label>
  <h1 >互联网发展起源</h1>
  <img src="C:\Users\12401\Desktop\4.jpg" >
  <p id="p1"> 1969年，为了保障通信联络，美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网
  ARPNET，连接美国四个大学。ARPNET的建成和不断发展标志着计算机网络发展的新纪元。</p>
  
  <p id="p2"> 20世纪70年代末到80年代初，计算机网络蓬勃发展，各种各样的计算机网络也应运而生，如MILNET、UYSERNET、
  BITNET、CSNET等，在网络的规模和数量上都得到很大的发展。一系列网络的建设，产生了不同网络互联的需求，并最终导致了TCP/IP协议的诞生</p>

</body>

</html>

网页截图

打开网页三秒后网页自动跳到www.163.com

本文链接：https://blog.csdn.net/iostream992/article/details/83052647

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

C# 模糊搜索-程序员宅基地

文章浏览阅读2.9k次。private void txt_Select_SelectionChanged(object sender, RoutedEventArgs e) { try { //初始化变量（接收条件） string strSelect = ""; string strContent = ..._c# 模糊搜索

提升Python运行效率的小窍门_python 提升赋值效率-程序员宅基地

文章浏览阅读2.9k次，点赞2次，收藏7次。说起Python，作为一门大热的编程语言，它简单易学、语法优美，自身拥有丰富强大的库，而且应用范围也是十分广泛。毫无疑问，Python 确实有用很多的优点，每一个优点看起来都非常吸引人。但是，Python 并不是没有缺点的，最主要的缺点之一就是Python 的执行速度不够快。针对这个问题，下面为大家搜集了6个可以提高Python运行效率的小窍门。窍门一：关键代码使用外部功能包Pytho..._python 提升赋值效率

Marching Cubes算法在点云重建中的简单应用_from skimage.measure import marching_cubes_lewiner-程序员宅基地

文章浏览阅读199次。Marching Cubes算法是由Lorensen和Cline于1987年提出的，它通过将空间划分为小的体素（voxel），并根据每个体素内部的点的状态来决定网格的生成。点云重建是计算机图形学中的一个重要问题，其目标是从离散的点云数据中生成连续的三维模型。其中一种常用的方法是Marching Cubes算法，它可以将点云数据转换为网格表示，从而实现对点云进行可视化、分析和处理。以上代码中，我们首先根据点云数据计算出体素网格的大小，并创建一个与之对应的空网格。这里只是一个简单的示例，供大家参考。_from skimage.measure import marching_cubes_lewiner

matlab批量txt文件导入，跪求大神给码。。。！！！！！！！！！_matlab大量导入txt文件-程序员宅基地

文章浏览阅读4.7k次。怎么批量导入txt，我只会一个一个导入。查了别人写的好多代码还是不能用。。。求大神_matlab大量导入txt文件

Python如何调用ixchariot进行吞吐量测试_python调用 chariot-程序员宅基地

文章浏览阅读714次。在上述代码中，您需要将 ixchariot_path 和 test_script_path 替换为您系统上实际的IxChariot安装路径和测试脚本路径。请确保您已正确安装IxChariot，并且测试脚本路径是有效的。要使用Python调用IxChariot进行吞吐量测试，您可以使用 subprocess 模块来执行IxChariot的TCL命令行。请注意，IxChariot的具体用法和命令行参数可能因版本而异，请根据您使用的IxChariot版本和测试需求进行相应的调整。_python调用 chariot

【目标检测算法系列】一、R-CNN算法_rcnn算法的缺点-程序员宅基地

文章浏览阅读2k次。R-CNN 是第一个成功将深度学习应用到目标检测上的算法，也是后续Fast R-CNN , Faster R-CNN等系列算法的鼻祖一、R-CNN整体架构R-CNN的全貌如下图所示它主要分为4个模块候选区域（region proposal）提取一个大型的CNN网络用来特征提取使用SVM分类模型进行类别分类使用回归（Regression）模型进行具体定位具体R..._rcnn算法的缺点

随便推点

剑指Offer---2021/7/21-程序员宅基地

文章浏览阅读1.6w次，点赞2次，收藏3次。剑指Offer---2021/7/21刷题记录

java 8 默认接口实现_java 8 接口默认实现-程序员宅基地

文章浏览阅读166次。_java 8 接口默认实现

搭建国密SSL开发测试环境_国密ssl实验室-程序员宅基地

文章浏览阅读7.6k次，点赞10次，收藏33次。国密算法包含了一系列的加密算法，用途广泛，可以用于软硬件加密、签名等地方。我主要研究国密算法在SSL/TLS/HTTPS通信中的应用，这会涉及到客户端和服务器端，最典型的用例就是浏览器访..._国密ssl实验室

NEUOJ 竞赛训练 C语言谭浩强习题 C-谭浩强-3.7 题解_oj上有谭浩强练习题-程序员宅基地

NEUOJ竞赛训练C语言谭浩强习题C-谭浩强-3.7题解：将字符串 China 通过后移4位的方式进行加密。

Android编程获取手机型号，本机电话号码，sdk版本及firmware版本号(即系统版本号)...-程序员宅基地

文章浏览阅读50次。Android开发平台中，可通过TelephonyManager 获取本机号码。TelephonyManager phoneMgr=(TelephonyManager)this.getSystemService(Context.TELEPHONY_SERVICE);txtPhoneNumber.setText(phoneMgr.getLine1Number())..._android8.1 system_property_get("ro.serialno 获取不到值

虚拟直播的发展带来的影响有哪些？_虚拟直播之于游戏行业是偶然还是必然-程序员宅基地

文章浏览阅读70次。虚拟直播将塑造出许多新的形象实现，成为数字新时代人类生存和生活方式的一部分，如数字化形象、品牌基因化、某种格局的逻辑化和静态图像的动态化。虚拟直播产业将成为未来细分市场中不可或缺的一部分，随着消费群体对虚拟主播的认知和接受度不断提高，虚拟直播市场将不断扩大，创新空间也将更加广阔。虚拟直播以其独特的魅力和新奇的展示方式，逐渐影响着社会文化和消费习惯，成为近年来网络文化中不可忽视的一部分。预计虚拟直播将在未来有更广阔的发展空间，推动互联网文化创新与突破，成为数字娱乐和社交互动的新潮流。随着网络与科技的发展，_虚拟直播之于游戏行业是偶然还是必然