一.项目陈述
本次我做的是一个静态网页，展示的关于我家乡南川的内容。用到了html和css的知识
二. 实现过程
1.我先写了index.html这个页面，这是首页。首页的展示效果：
这里的美食介绍，旅游胜点等导航栏，需要用到<a>标签，他是一个超链接标签，在标签内href=""指向要跳转到的页面。其中美食介绍对应：food.html,
旅游胜点对应：tour.html,美丽乡镇对应：community.html,优美河流对应：river.html,课程报告通过输入href=“”在引号里输入CSDN的提交地址。
页面的背景图片我是写在<head>标签内的：
<style type="text/css">
body {
background-image: url(../image/20.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-attachment: fixed;
}
</style>
在<body>标签内：
<div class="left-box">
<h1>南川的古桥</h1>
历史悠久的龙济古桥，始建于清康 熙十八年（1679年），<br>
重建于清乾隆五十七年（1792年），该桥位于县城西一公里，<br>
南川区西城街道办事处侧面东南～西北走向，石结构单孔拱桥，<br>
桥面长22米、宽7.6米、高10米、跨度19.2米、拱高9米、桥栏高1.4米，<br>
桥头引桥为三十级素面阶梯踏道，是保留较好年代较早的古桥。</div>
<div><img src="./image/3.jpg" width="700px" height="500px"></div>
这是其中一个列子，我本次制作网页基本都是用的这种格式，先写入文本再插入图片，<h1>是标题，h1是最大的，h2就小一点，依次减小
<br>是让文字分段
<imag>中src指向你图片的位置
效果：
美食页面：
优美河流页面：
旅游景点页面：
乡镇页面：
三.遇到的问题
在实验的过程中，不知道如何把文字和图片左右排列，刚开始做时图片和文字都是上下排列的，后面再网上查到通过给文字建立一个css属性，在css中设置width：%,我设置的是百分之50，把文字和图片放在一起，也设置一个CSS属性，用float:left让文字呈现在左边。
在本次做作业过程中也有没有解决的问题，在美食页面，我没有设置出工具栏，实现可以点一个菜出现一个介绍，在后序的学习中我会努力去解决。
总结
本次在做WEB的作业中，我遇到了很多阻碍，常常卡到了一个功能无法实现的问题上，但是在通过上网查到解决步骤时，再通过步骤去实现时，心里是高兴地。在这次实践中，也补充了我一些web的知识，关于html和css,在今后的学习中，我会坚持充实自己，遇到困难多一点耐心，努力去解决他。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
