HTML之我的第一个页面设计_我的第一个网页效果图-CSDN博客

本文链接：https://blog.csdn.net/qq_40401942/article/details/78116718

这篇博客记录了作者初次尝试HTML页面设计的过程，包括使用基本的HTML和CSS创建了一个包含顶部导航、图片轮播、软件服务、IT服务和新闻展示的页面。通过设置不同的CSS样式，实现了各部分的布局和交互效果，如链接的高亮和图片轮播。

摘要由CSDN通过智能技术生成

第一次制作的页面。

HTML代码：

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title></title>
	<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
	<!--顶部导航开始-->
	<div class="top">

	<img src="img/logo01.jpg" />

	<div>
	<a href="">首页</a>
	<a href="">IT服务介绍</a>
	<a href="">软件服务介绍</a>
	<a href="">WIT品牌</a>
	<a href="">公司新闻</a>
	<a href="">关于我们</a>
	</div>

	</div>
	<!--顶部导航结束-->

	<!--轮播开始-->
	<div class="demo a">
	</div>
	<!--轮播结束-->

	<!--软件服务开始-->
	<div class="demo b">
	<div class="qw">
	<p class="q">WIT软件</p>
	<p class="w">服务</p>
	</div>
	<hr />

	<div class="t">
	<div class="t1" href="">
	<br />
	<a>人事管理软件</a>
	</div>
	<div class="t2" href="">
	<br />
	<a>IT资产管理软件</a>
	</div>
	<div class="t3" href="">
	<br />
	<a>出境签证客户关系</a>
	</div>
	<div class="t4" href="">
	<br />
	<a>生产线条码组装软件</a>
	</div>
	<div class="t5" href="">
	<br />
	<a>样品管理系统</a>
	</div>
	</div>