网页制作的基础

114 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第8天,点击查看活动详情

什么是网页制作呢?

一个网页页面是用HTML代码来写,而一般的网页页面就是由 div 和 CSS 样式、JS 特效组合而成,

最简单的网页是由 div 和 css 样式组合而成的;

那什么又是div和css呢?

Div 是一个又一个的框,是用框来构建网页的架构用的,就想人的骨骼一样;

Css 样式是将网页架构中的每一个div框架给于属性,改变 div 大小形状,或者给div一些特殊属性,以达

到各种不同的效果!就像骨骼上面的血和肉!

网页的标题是写在<title></title>之间

网站的主体内容是写在<body></body>之间的,

例如:

图1

1.png

我们在制作网页的过程中可以按F12来预览制作中的页面是什么样子的

例如:

图2

2.png

这样一个简单的网页就制作出来了!

如果想让网页里面的内容更加的丰富的话!

就在<body></body>之间增加各种不同的代码就可以了,

例如:

如果要网页里面的字体加粗的话,就用代码<b>加粗字体的代码</b>;

如果想在网页里面加图片的话,就用代码<img src=”111.jpg” />

如果想要给字段加超链接的话,就用

<a href=”这里写跳转的网页地址”>点击可以跳转的页面地址或者图片</a>

例如:

图3

3.png

按F12后的预览页面

图4

4.png

关注公众号(月影WEB),了解更多的前后端知识;

欢迎大家关注互相交流学习;