用HTML和CSS制作一个网页

已于 2022-02-21 10:45:35 修改
阅读量624 收藏 3
点赞数
文章标签： html css 前端
于 2022-02-06 15:48:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52919150/article/details/122798817
版权
本文将指导你如何利用HTML和CSS技术构建一个基本的网页布局。首先，我们将介绍HTML元素的基本结构，包括头部、主体和底部。然后，我们将深入探讨CSS，学习如何设置样式、布局和定位元素，实现响应式设计。通过实践，你将掌握创建吸引人的网页布局的技巧。
摘要由CSDN通过智能技术生成

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* 去除浏览器默认样式 */
			* {
     
				padding: 0px;
				margin: 0px;
			}

			/* 顶部线条 */
			.top_line {
     
				width: 1200px;
				height: 2px;
				background-color: cornflowerblue;
				margin: 0px auto;
			}

			/* logo广告区域 */
			.logo_area {
     
				width: 1200px;
				margin: 5px auto;
			}

			.logo_area_left,
			.logo_area_center,
			.logo_area_right {
     
				height: 80px;
				float: left;
			}

			/* logo广告区域左侧 */
			.logo_area_left {
     
				width: 250px;
				background-color: antiquewhite;
				background-image: url(img/logo.png);
				background-repeat: no-repeat;
				background-position: center;
			}

			/* logo广告区域中间 */
			.logo_area_center {
     
				width: 700px;
			}

			/* logo广告区域右侧 */
			.logo_area_right {
     
				line-height: 80px;
				width: 250px;
				text-align: center;
				background-color: antiquewhite;
			}

			/* logo广告区域右侧文字修饰 */
			.logo_area_right_login_reg {
     
				text-decoration: none;
				color: blue;
				font-weight: bold;
			}

			/* 导航栏 */
			.dh_menu {
     
				margin: 10px auto;
				width: 1200px;
			}

			/* 导航菜单 */
			.menu {
     
				width: 171.428px;
				font-size: 20px;
				float: left;
				background-color: cornflowerblue;
				color: white;
				padding: 10px 0px;
				text-align: center;
				margin-top: 10px;
			}

			/* 移入菜单伪类 */
			.menu:hover {
     
				background-color: ghostwhite;
				color: black;
			}

			/* 湖院广告 */
			.hu_adver {
     
				width: 1200px;
				margin: auto;
			}

			/* 内容区 */
			.content {
     
				width: 1200px;
				height: 500px;
				background-color: #F8F8FF;
				margin: auto;
			}

			/* 内容区类型 */
			.type {
     
				width: 380px;
				height: 195px;
				background-color: bisque;
				float: left;
			}

			/* 内容区类型导航 */
			.content_type_dh {
     
				height: 57px;
				border-bottom: cornflowerblue 3px solid;
			}

			/* 内容区类型文字内容 */
			.content_type_word {
     
				height: 42px;
				line-height: 45px;
				padding-left: 15px;
				border-bottom: gray 3px dashed;
			}

			/* 内容区类型文字内容左浮动 */
			.content_type_dh_leftfu {
     
				width: 80px;
				color: white
最低0.47元/天 解锁文章
张锦龙
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用HTML+CSS制作一个简单的网页
m0_57423785的博客
11-25 1万+
简单学习了一下HTML和CSS，制作了下面这个网页（第一次做还在学习中），里面包含一些基础的布局包括导航条、分页栏、悬浮列表等内容。
HTML+CSS个人静态网页设计
qq_38515380的博客
05-09 1893
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
html+css制作简单网页界面
qq_64867440的博客
10-25 4716
section>、、、 等标签被称为语义化标签（semantic tags），它们不仅仅是用来美化页面的，更重要的是它们能够为页面的结构和内容提供更加合适的语义化描述，从而有助于提高页面的可访问性和可维护性。使用这些语义化标签能够使 HTML 结构更加清晰、易于理解和维护，同时能够使搜索引擎更容易理解页面的结构和内容，提高网站的搜索排名。
制作一个简单HTML电影网页设计（HTML+CSS）
网页设计与制作 | HTML+CSS+JS
06-05 969
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
HTML+css网页设计
2301_76192170的博客
07-04 5044
<a href="#">关于我们</a></li><li><a href="#">联系方式</a></li><li><a href="#">首页</a>版权所有 © 2023 我的网页我的网页
制作一个简单HTML静态网页（HTML+CSS）
qq_38517951的博客
04-22 3826
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
用html+css作一个漂亮的网页
12-29
总结来说，制作一个漂亮的HTML网页需要理解HTML的结构，CSS的样式设计，以及JavaScript的交互功能。同时，利用git进行版本控制，可以有效管理项目，提高开发效率。通过不断学习和实践，你将能够创建出更具吸引力和...
九宫格-用html+css制作一个网页.zip
04-10
九宫格——用html+css制作一个网页.zip html css网页制作成品 九宫格——用html+css制作一个网页.zip html css网页制作成品 九宫格——用html+css制作一个网页.zip html css网页制作成品 九宫格——用html+css制作一...
制作一个简单HTML宠物猫网页（HTML+CSS）
08-10
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+...
使用html和css初步制作网页
最新发布
07-01
使用html和css初步制作网页
网页制作基础学习——HTML+CSS常用代码
热门推荐
北辰的博客
02-01 4万+
HTML（HyperText Markup Language）,即超文本标记语言，是用于描述网页文档的一种描述标记语言。是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
HTML入门网页制作，HTML+css运用做出
weixin_64284850的博客
03-07 1607
如图所示，带有搜索框的简单网页 以下是HTML内容： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>NASA中文网</title><!-- 网页标题 --> <link rel="stylesheet" type="text/css" href="../css/style.css"/>&l...
html+css网页制作
qxpapt的博客
07-05 3211
简易美食网页制作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>美食页面</title> <link rel="shortcut icon" href="images/xlogo.png"> <link rel="stylesheet" href="css1.css"> </head> <bod
制作一个简单HTML中华传统文化网页（HTML+CSS）
HTML网页设计
08-02 1万+
📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
使用HTML和CSS创建网页布局
TdMaster的博客
10-03 215
在现代的Web开发中，HTML和CSS是两种最基本和常用的技术。HTML（超文本标记语言）用于定义网页的结构和内容，而CSS（层叠样式表）用于控制网页的布局和样式。本文将介绍如何使用HTML和CSS创建一个简单的网页布局。上述代码创建了一个基本的网页结构，包括标题、导航栏、内容区域和页脚。现在，我们需要创建一个CSS文件来定义网页的样式。使用HTML和CSS的强大功能，您可以创建具有各种复杂布局和样式的网页。保存并运行这两个文件后，您将看到一个简单的网页布局。将以下代码粘贴到文件中，并将其保存为。
converting to local hdfs://singlenode:8020/jars/java-hdfs-api-jar-with-dependencies.jar Failed to read external resource hdfs://singlenode:8020/jars/java-hdfs-api-jar-with-dependencies.jar Failed to register default.my_max using class com.cssl.hive.udaf.UserDefineFunctionMax FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.FunctionTask
07-25
这个错误可能是由于以下几个原因引起的： 1. 文件路径错误：请确保 `hdfs://singlenode:8020/jars/java-hdfs-api-jar-with-dependencies.jar` 文件在指定的 HDFS 路径中存在，并且路径是正确的。 2. HDFS 权限问题：检查您是否具有足够的权限来读取 `java-hdfs-api-jar-with-dependencies.jar` 文件。您可以使用 `hadoop fs -ls` 命令检查文件的权限和所有者。 3. HDFS 配置问题：请确保您的 Hadoop 配置正确，并且可以正确访问 HDFS。您可以尝试使用其他 HDFS 命令（例如 `hadoop fs -ls`）来验证您是否可以连接到 HDFS 并查看文件。 4. Hive UDF 注册问题：`com.cssl.hive.udaf.UserDefineFunctionMax` 类可能没有正确注册为 Hive UDF。请确保在注册 UDF 之前已经将 `java-hdfs-api-jar-with-dependencies.jar` 文件添加到 Hive 的类路径中，并且已经执行了正确的 UDF 注册操作。 请根据您的具体情况检查这些可能导致错误的问题，并尝试解决它们。如果问题仍然存在，请提供更多详细信息以便我能够更好地帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值