❤ 【作者主页——获取更多优质源码】
❤ 【web前端期末大作业——毕设项目精品实战案例(1000套)】
文章目录
一、网页介绍
1 网页简介：此作品为学生个人主页网页设计题材网页传奇制作，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。
2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：、、 、 、、Text 、++ 等任意html编辑软件进行运行及修改编辑等操作）。
3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。
一、网页效果
二、代码展示 1.HTML结构代码
代码如下（示例）：以下仅展示部分代码供参考~
DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>华为-构筑万物互联的智能世界title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/top-nav.css">
<link rel="stylesheet" href="css/nav-con.css">
<link rel="stylesheet" href="css/slideshow.css">
<link rel="stylesheet" href="css/recommend.css">
<link rel="stylesheet" href="css/img-show.css">
<link rel="stylesheet" href="css/news-activity.css">
<link rel="stylesheet" href="css/link-btn.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/corner.css">
<link rel="stylesheet" href="http://www.ylcp.shop/files/files/1650896299792/font-awesome/css/all.css">
<link rel="stylesheet" href="css/iconfont1.css">
<script src="js/top-nav.js">script>
head>
<body>
<div class="top-nav">
<div class="top-bar">
<ul>
<li class="login">
<a href="login.html">
<i class="fas fa-user">i>
登录
a>
li>
<li class="pull">
<i class="fas fa-globe">i>
<span>选择区域/语言span>
<i class="fas fa-angle-down">i>
li>
<li class="pull">
<i class="fas fa-border-all">i>
<span>集团网站span>
<i class="fas fa-angle-down">i>
li>
ul>
div>
<div class="net">
<ul class="brief">
<li class="title">
<i class="fas fa-chevron-right">i>
<span>集团网站span>
li>
<li class="intro">
公司介绍、新闻动态、展会活动等信息
li>
ul>
<ul>
<li class="link">
<a href="javascript:;">
消费者业务网站
<i class="fas fa-angle-right">i>
a>
li>
<li class="intro">
手机，PC和平板等智慧生活产品
li>
ul>
<ul>
<li class="link">
<a href="javascript:;">
企业业务网站
<i class="fas fa-angle-right">i>
a>
li>
<li class="intro">
企业商用产品、解决方案和云服务
li>
ul>
<ul>
<li class="link">
<a href="javascript:;">
运营商网络业务网站
<i class="fas fa-angle-right">i>
a>
li>
<li class="intro">
运营商网络解决方案、产品及服务
li>
ul>
<ul>
<li class="link">
<a href="javascript:;">
华为云网站
<i class="fas fa-angle-right">i>
a>
li>
<li class="intro">
华为云服务及解决方案
li>
ul>
div>
<div class="region">
<h3>选择地区/语言h3>
<ul class="first">
<li>
<span>
Japan -
<a href="javascript:;">日本語a>
span>
li>
<li>
<span>
Myanmar -
<a href="javascript:;">ျမန္မာa>
span>
li>
<li>
<span>
Spain -
<a href="javascript:;">Española>
span>
li>
<li>
<span>
United Kingdom -
<a href="javascript:;">Englisha>
span>
li>
<li>
<span>
Global-
<a href="javascript:;">Englisha>
span>
li>
ul>
<ul>
<li>
<span class="zhong">
<i class="fas fa-angle-right">i>
China -
<a href="javascript:;">简体中文a>
span>
li>
<li>
<span>
Kazakstan -
<a href="javascript:;"
