手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

静态网页制作教程

时间: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、最后网页的效果如图

静态网页制作教程
静态网页制作教程
© 手抄报圈