【前端从0开始】HTML基础——1.HTML初始

1、VSCode的使用方式

1.1 为什么使用VScode

• 继承开发环境
  • Visual Studio
  • Android Studio
  • Eclipse
  • Xcode
  • Netbeans
  • JetBrains全家桶
  • PyCharm
  • WebStrom
  • Intellij IDEA
• 脚本编辑器
  • VScode
  • Atom
  • Sublime
  • Notepad++
  • Vim
  • Emacs
  • HBuilder

1.2 VSCode的优点

• 维护积极，性能优秀
• 图形化图标，交互性比较好
• 继承Git、CMD以及Debug工具，Sublime都没有内置
• 安装插件有图形化界面，不需要命令行
• 丰富的插件，活跃的社区

1.3 安装

下载地址：https://code.visualstudio.com/，下载对应系统的版本直接双击安装

1.3.1 插件安装

1、汉化插件：搜索chinese - 直接安装 - 重启vscode
2、颜色主题：
配置信息按钮 - 颜色主题
3、自动换行：
管理 ---- 设置 — word warp
4、更改字体大小
管理 —— 设置 —— FontSize
5、浏览器打开页面：
插件 —— open in browser
6、使用服务器打开
插件 —— live Server
7、标签修改
插件 —— Auto Rename Tag

1.3.2 快捷键

• 复制：Ctrl+C
• 粘贴：Ctrl+V
• 剪切：Ctrl+X
• 保存：Ctrl+S
• 删除一行：Ctrl+Shift+K
• 选中所有值：Ctrl+D
• 撤销：Ctrl+Z
• 反撤销：Ctrl+Y

2、前端基础内容

2.1 HTTP和URL

• HTTP：超文本传输协议（Hyper Text Transfer Protocol）
  • 浏览器和服务器之间的通信协议
  • 所有WWW文件都必须遵守这个规则
  • 基于TCP/IP地址的协议
• File：文本路径
• URL：统一资源定位符（Uniform Resource Locator）
  • 协议://<IP地址>[:端口号][/路径][?参数]

2.2 主流浏览器

• 浏览器的作用：
  • 主要用于解析服务端传输过来的HTML文件，执行相应的JS代码。
• 浏览器：

  • NetScape：网景
    首个商业化的因特尔浏览器，发布于1994年4月，在于IE的竞争下NetScape周建丧失了它的市场份额

  • Internet Explorer：IE
    ■微软的IE浏览器发布于1995年，与1998年在使用人数上超过了NetScape
    ■与2022年6月15日停止服务，被Edge所替代

  • FirFox：火狐
    ■由Mozilla发展而来的新式浏览器，发布于2004年

  • Chrome：谷歌
    ■
    由Google开发的免费的开源浏览器，与2008年9月发布

  • Opera：欧朋
    ■由挪威人发明的浏览器，以快速小巧、符合工业标准、适用于多种操作系统等优点闻名。

  • Safari：苹果
    ■有苹果公司开发的浏览器，适用于Mac和Windows，但是广泛适用于IOS。Mac OS系统中，2003年6月发布。

3、W3C

World Wide Web Consortium(万维网联盟)

万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。W3C已发布了200多项影响深远的Web技术标准及实施指南，如广为业界采用的超文本标记语言HTML（标准通用标记语言下的一个应用）、可扩展标记语言XML（标准通用标记语言下的一个子集）以及帮助残障人士有效获得Web信息的无障碍指南（WCAG）等，有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。