用HTML+CSS做一个简单的美食网页---web学生网页设计作业源码
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">> Web前端<span style="color: black;">研发</span>技术 描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，精彩专栏<span style="color: black;">举荐</span> 美食网页介绍 | 甜品蛋糕 | <span style="color: black;">地区</span>美食小吃文化 | 餐饮文化 | 等网站的设计与制作 | 美食主题网站 | HTML期末大学生网页设计作业 1. HTML：结构</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS：样式 在操作方面上运用了html5和css3， 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等<span style="color: black;">基本</span>知识</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> JavaScript：做与用户的交互<span style="color: black;">行径</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">@<a style="color: black;">TOC</a> </p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">前端学习路线</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, <span style="color: black;">照片</span>放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">网页基本结构</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">(1)首页：进入网页中看到的<span style="color: black;">第1</span>个页面(LOGO、<span style="color: black;">机构</span>名<span style="color: black;">叫作</span>、导航、banner、<span style="color: black;">资讯</span>、<span style="color: black;">关联</span>信息、底部信息、banner<span style="color: black;">通常</span>是5个 (2)二级页面：从首页点击进入之后的页面叫做二级页面 (3)三级页面：从二级页面点击进入的页面</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页html：网页是<span style="color: black;">形成</span>网站的基本元素，是承载<span style="color: black;">各样</span>网站应用的平台。通俗地说，网站<span style="color: black;">便是</span>由网页<span style="color: black;">构成</span>的 首页网站：首页是一个网站的入口网页，故<span style="color: black;">常常</span>会被编辑得易于<span style="color: black;">认识</span>该网站<span style="color: black;">都数</span><span style="color: black;">做为</span>首页的文件名是index加上扩展名 导航菜单：<span style="color: black;">指的是</span><span style="color: black;">位置于</span>页面顶部<span style="color: black;">或</span>侧边区域的，<span style="color: black;">亦</span><span style="color: black;">叫作</span>之为导航栏，它起着链接站点<span style="color: black;">或</span>软件内的各个页面的<span style="color: black;">功效</span>. 网页页脚：是网页中<span style="color: black;">每一个</span>页面的底部的区域。常用于<span style="color: black;">表示</span>附加信息。如作者、备案号等。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">网页演示</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-743e370311aa5f08a102080426202009_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>在<span style="color: black;">这儿</span><span style="color: black;">插进</span><span style="color: black;">照片</span>描述<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-5c66eb2ded34aca71318dfdba48c763a_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>在<span style="color: black;">这儿</span><span style="color: black;">插进</span><span style="color: black;">照片</span>描述<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-07c80eec59e0a79bdf8bd618370c7531_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>在<span style="color: black;">这儿</span><span style="color: black;">插进</span><span style="color: black;">照片</span>描述
论坛的成果是显著的，但我们不能因为成绩而沾沾自喜。
页:
[1]