web的概述

为什么学习web知识?
我们的生活和工作离不开互联网,互联网网页的制作是web技术的成果。它是浏览器语言。
web的学习路径(也就是必修知识)
web的概念—HTMl—css—JavaScrinpt
web的概念:web是World wide web—万维网的简称。它是建立在互联网上,为用户使用浏览器浏览信息的可视化界面。
HTML:超文本标记语言能够搭建网页内容,但使用HTML只能搭建毛坏网页。
CSS:层叠样式表用来添加网页样式。它能使用网页上的字号、字体颜色、背景图像等变得更加美观。使用css相当于给网页装修。
Java Script:一种可添加网站交互效果的编程语言。能使用网站拥有更多互动效果。
注意⚠️⚠️⚠️:
使用英文小写命名文件,不使用空格分离文件名;例如👇
✔️ my-file.html
✖️my _file.html
⚠️⚠️:是横线不是下划线。
web怎么工作?
我们在网上上网看到的视音频,图文资源是以文件的形式存在放在web服务器上的。web服务器上的文件并不是随意堆放的。把各类资源进行规范分类和命名—图片归入图片文件夹;样式归入样式文件夹(CSS);脚本归入脚本文件夹(JavaScript)。
在这里插入图片描述
web文件路径:
为了使服务器快速的响应浏览器的请求web文件需要给服务器提供明确的路径。在这里插入图片描述
什么是web文件路径呢?
“我的衣柜右边/第二个抽屉/蓝色盒子”是指引室友帮你找到领带夹的路径。同理,当你访问w3cschool.Cn的网页,想查找一张猫头鹰图片。你的浏览器向w3cschool服务器发起了请求。如果w3cschool的网页没有将图片的路径写入文件,服务器就无法响应你的请求如果W3Cschool的网页没有将图片的路径写入文件,服务器就无法响应你的请求。👇
在这里插入图片描述
之间差了这条路径:images/w3cschool-pic.png
在此路径中,“images”和"w3cschool-pic.png"是“父子关系”,它们之间用英文状态下的“/”隔开。
images是存放网站所有图片的文件夹,w3cschool-pic.png是其中一张图片。“父子关系”因此而生。👇
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值