你必须知道的一些Web的基础知识

@你必须知道的一些Web的基础知识

1、Web标准
1.1 Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。
1.2 Web标准的构成:
结构:结构用于对网页元素进行整理和分类,现阶段主要学的是HTML
表现:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指CSS
行为:行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript
Web标准提出的最佳体验方案:结构、样式、行为相分离。即结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。
2、VsCode的使用
2.1 新建文件 (Ctrl +N)
2.2 保存文件 (Ctrl +S)
2.3 Ctrl +加号键,Ctrl +减号键 可以放大缩小视图
2.4 生成页面骨架结构:输入!按Tab键或者Enter键
3、lang语言种类
用来定义当前文档显示的语言:en定义语言为英语(英文网页)、zh-CN定义语言为中文(中文网页)
4、HTML标签
4.1 标题标签h1==>h6,逐级减小、自动换行、自动加粗
4.2 加粗
倾斜
删除线
下划线
4.3 div,span标签用来进行网页布局
4.4 路径
① 相对路径
同一级(html页面和图片在一个文件夹内)路径:直接写图片名

 <img src="01.jpg" >

下一级(放图片的文件夹和html页面在同一个文件夹)路径:图片文件夹名/图片名
下一级符号:/

上一级(放html页面的文件夹和图片在同一个文件夹)路径: …/图片名
返回上一级符号:…/

<img src="image/02.jpg" alt="">

② 绝对路径 (了解)
符号:
在文件夹上方的磁盘上直接复制
网络上的地址直接用,比如 百度等
4.5 超链接
属性:href :制定链接目标的url地址
target: 指定链接页面的打开方式:_self:默认值,在本窗口内打开;
_blank:在新窗口中打开
分类:外部链接: http://www.baidu.com
内部链接:目录文件夹内的两个页面相互跳转
空连接:href=”#”
下载链接:地址链接的是文件 .exe或者是 .zip等压缩包形式
网页元素的链接:比如给图片、视频、音频都可以加链接(在a标签里直接加图片、视频等标签)
4.6 注释: 快捷键:ctrl+ /
4.7 特殊字符
空格:&nbsp
小于号:&lt
大于号:&gt

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值