零基础开始网页制作-前端开发

本文介绍了网页制作的基本概念,包括HTML、CSS和JS在网页中的作用。HTML用于创建网页结构,CSS负责样式设计,JS则实现交互效果。通过示例展示了如何使用这些技术创建一个简单的网页,包括预览网页的方法。此外,还提及了网页内容的增强方式,如加粗文字、插入图片和创建超链接。
摘要由CSDN通过智能技术生成

什么是网页制作呢?
一个网页页面是用HTML代码来写,而一般的网页页面就是由div和CSS样式、JS特效组合而成,
最简单的网页是由div和css样式组合而成的;


那什么又是div和css呢?
Div是一个又一个的框,是用框来构建网页的架构用的,就想人的骨骼一样;
Css 样式是将网页架构中的每一个div框架给于属性,改变div大小形状,或者给div一些特殊属性,以达到各种不同的效果,就像骨骼上面的血和肉!

网页的标题是写在<title>与</title>之间
网站的主体内容是写在<body>与</body>之间的,


例如:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16  
我们在制作网页的过程中可以按F12来预览制作中的页面是什么样子的
例如:watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

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

如果想让网页里面的内容更加的丰富的话!
就在<body>与</body>之间增加各种不同的代码就可以了,

例如:
如果要网页里面的字体加粗的话,就用代码<b>加粗字体的代码</b>;
如果想在网页里面加图片的话,就用代码<img src=”111.jpg” />
如果想要给字段加超链接的话,就用
<a href=”这里写跳转的网页地址”>点击可以跳转的页面地址或者图片</a>
例如:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

按F12后的预览页面

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_19,color_FFFFFF,t_70,g_se,x_16

如果还有疑问,欢迎留言提问!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

月影WEB

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值