学生HTML个人网页作业作品：HTML绿色的化妆品静态网站（web前端网页制作课作业）

📂文章目录

👨‍🎓网页题目
✍️网页描述
🌐网页效果
⚙️ 代码实现
- 🧱HTML结构代码
🎁更多干货

👨‍🎓网页题目

💄美妆介绍、👜美妆分享、👒 品牌化妆品官网网站、等网站的设计与制作。

✍️网页描述

🏷️ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

🌐网页效果

在这里插入图片描述

⚙️ 代码实现

🧱HTML结构代码


<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新闻中心title>
<link href="css/base.css" type="text/css" rel="stylesheet" />
<link href="css/news.css" type="text/css" rel="stylesheet" />
head>

<body>

	<div class="banner">

        <div class="top">
        	<div class="logo">div>
            <span>span>       
            <div class="txt01">
                <p>专注护肤行业<b>10年b>p>
                <p>我们只生产最高品质的护肤产品p>
            div>
            <div class="tel">
                <p>全国服务咨询热线p>
                <b>400-888-2837b>
            div>            
        div> 

        <div class="nav">
        	<div class="nav_bg">
            	<ul>
                	<li><a href="index.html">首页a>li>
                    <li class="ff"><span>span><a href="news.html">公司新闻a>li>
                    <li><span>span><a href="product.html">产品中心a>li>
                    <li><span>span><a href="companyIdea.html">公司理念a>li>
                    <li><span>span><a href="contactUs.html">xx我们a>li>
                ul>
                <div class="search">
                	<div class="s01">产品搜索div>
                    <input type="text" value="请输入关键字" class="s02" /><span>span>
                div>
            div>
        div>
       <i>i>
	div>
    
	
    <div class="main"> 
    	<h2>当前位置：首页>新闻中心h2>        	
        <div class="left">
            <ul>
            	<li class="curr"><a href="#"><span>span>公司新闻a>li>
                <li><a href="#"><span>span>公司荣誉a>li>
                <li><a href="#"><span>span>品牌资讯a>li>
                <li><a href="#"><span>span>佰草会刊a>li>
            ul>
            <div class="ad">
            	<div class="s01"><span>span><p>客服中心p><span>span>div>
                <div class="s02"><b><i>i>b>div>
                <div class="s03"><p>电话：010-57203888p><p>地址：北京市崇文区崇外大街正仁大厦1段9单元p>div>
            div>
            <div class="tel">
            	<div class="box01"><span>服务热线span><i>i><p>400-888-2837p>div>
            div>
            <div class="yin"><img src="images/yin01.png" /> div>
        div>
        
        
        <div class="right" id="center"> 
        	<ul>
                <li>
                	<a href="newsxq.html">
                		<img src="images/news01.png" style="border:solid 6px #e0eebf" />
                        <div class="txt">
                        	首次冠名电视节目 现代中草药护理专家展亲和力
                            <p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>
                        div>
                        <span>详情>>span>
                    a>
                    
                li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">首次冠名电视节目 现代中草药护理专家展亲和力<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>                    
           ul>
           
           <ul>
                <li>
                	<a href="newsxq.html">
                		<img src="images/news001.png" style="border:solid 6px #e0eebf" />
                        <div class="txt">
                        	首次冠名电视节目 现代中草药护理专家展亲和力
                            <p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>
                        div>
                        <span>详情>>span>
                    a>
                    
                li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">首次冠名电视节目 现代中草药护理专家展亲和力<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news002.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>                    
           ul>
           
           <ul>
                <li>
                	<a href="newsxq.html">
                		<img src="images/news002.png" style="border:solid 6px #e0eebf" />
                        <div class="txt">
                        	首次冠名电视节目 现代中草药护理专家展亲和力
                            <p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>
                        div>
                        <span>详情>>span>
                    a>
                    
                li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">首次冠名电视节目 现代中草药护理专家展亲和力<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news001.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>                    
           ul>
           
           <ul>
                <li>
                	<a href="newsxq.html">
                		<img src="images/news001.png" style="border:solid 6px #e0eebf" />
                        <div class="txt">
                        	首次冠名电视节目 现代中草药护理专家展亲和力
                            <p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>
                        div>
                        <span>详情>>span>
                    a>
                    
                li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">首次冠名电视节目 现代中草药护理专家展亲和力<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news01.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>
                <li><a href="newsxq.html"><img src="images/news002.png" style="border:solid 6px #e0eebf" /><div class="txt">以时尚概念沟通 吸引年轻消费者<p>本季《出发吧！爱情》将到六个不同的挑战目的地，开展六段截然不同的惊险之旅，超级硬汉吴京与妻子谢楠，初为人母的戚薇以及丈夫李承铉、久未露面的范文芳和李铭顺，以及被华少戏称“神同步”夫妇郭京飞、鲍莉，将带领大家“出发去野”，在原生态的环境中大秀恩爱，并为了爱情勇敢上路....p>div><span>详情>>span>a>li>                    
           ul>           
          
            <div class="num">
            	<b><a href="javascript:">上一页a>b>
                <span class="curr"><a href="javascript:">1a>span>
                <span><a href="javascript:">2a>span>
                <span><a href="javascript:">3a>span>
                <span><a href="javascript:">4a>span>
                <b><a href="javascript:">下一页a>b>
        	div>
        div>
    div>
    
	
    
    <div class="bottom">
    	<div class="bb">
                <ul>
                	<li><a href="index.html">首页a>li>
                    <li><span>span><a href="news.html">公司新闻a>li>
                    <li><span>span><a href="product.html">产品中心a>li>
                    <li><span>span><a href="companyIdea.html">公司理念a>li>
                    <li><span>span><a href="contactUs.html">xx我们a>li>
                ul>
        div>
        <p>© 上海化妆品化妆品有限公司版权所有 沪ICP备11049051号p>
    div>
body>

<script src="js/news.js">script>
html>




1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168

🎁更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 💬获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板、等! 「在这里有好多前端开发者，一起探讨前端 Node 知识，互相学习」！

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻💬

相关阅读:
C#异步编程看这篇就够了
 HTML&CSS
Java入门第二季
 Vue中如何进行瀑布流布局与图片加载优化
 物联网开发笔记（33）- 使用Micropython开发ESP32开发板之手机扫二维码远程控制开关灯（3）
正文Delphi XE Android下让TMemo不自动弹出键盘
 C++之函数指针、指针函数以及相关问题
 数据结构：二叉树（基本概念）
浅谈web架构
 Linux中Too many open files
原文地址：https://blog.csdn.net/p305114466/article/details/126685708