静态网页制作教程

 时间: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压缩软件如何创建自解压文件
  • 热门搜索
    ipad如何越狱 如何截取视频 如何炸鸡翅 废旧电池如何处理 如何去除腋毛 刺激战场亚服怎么下载 如何是好 怎么去泸沽湖 脖子睡觉落枕了怎么办 斯柯达的车怎么样