静态网页制作教程

 时间:2024-10-14 06:29:11

1、在浏览器中右键--打开方式--(选择你要在哪个浏览器中打开)或者直接点击打开选项,就会用默认浏览器打开

静态网页制作教程

2、浏览器显示效果

静态网页制作教程

3、静态页面其他样式也可以用css来调节

静态网页制作教程

4、添加样式后的效果

静态网页制作教程

5、在html文件中就用到img标签来添加图片,因为图片大小比外包的div尺寸大,所以兔脒巛钒图片会挤出灰色的div外

静态网页制作教程静态网页制作教程

6、所以需要在样式文件test1.css中调整图片的尺寸大小样式,样式代码如下

静态网页制作教程

7、可以用自己的图片将我用到图片的地方换掉,然后试试这些代码,或者看看参考一下就可以

静态网页制作教程

8、首先新建项目文件夹,这是个好习惯,将一个网页的东西放在一个文件夹中以后方便找

静态网页制作教程静态网页制作教程静态网页制作教程

9、编写test.html文件,小编的习惯是编写完html文件一个div后,同时调私网褡爸整css样式文件,下面是完整的html文件和css文件代码

静态网页制作教程静态网页制作教程

10、最后网页的效果如图

静态网页制作教程静态网页制作教程
  • Axure文本标签设置居中
  • 如何下载jQuery UI
  • 分地区对城市编号进行编号之方法(一)
  • 免费教你在Axure RP 中继器的应用制作分页标签
  • 360压缩软件如何创建自解压文件
  • 热门搜索
    西安职业技术学院怎么样 怎么去除咬肌 如何提取公积金 0731是哪里区号 旅游消费券 浙江舟山旅游攻略 剑网3怎么收费 暴风魔镜怎么样 如何让腿毛消失 在那遥远的地方是哪里的民歌