HTML 第一天
常用浏览器
浏览器的概念:浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符( Uniform Resource Identifier,URI)所标记,它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。使用者可以借助超级链接( Hyperlinks),通过浏览器浏览互相关联的信息 [1] 。
1.谷歌 weblit Blink
2.火狐 Gecko
3.edge Blink
web标准
Web 标准也称网页标准,它由一系列标准组成,这些标准大部分由 W3C 负责制订,也有一些标准由其他标准组织制定的,如 ECMA 的 ECMAScript 标准等。
狭义的 Web 标准是指网页设计的 DIV+CSS 化,广义的 Web 标准是指网页设计要符合 W3C 和 ECMA 规范。
在符合标准的网页设计中, HTML与 CSS、JavaScript 并列称为网页前端设计的 3 种基本语言,其中:
HTML 负责构建网页的基本结构;
CSS 负责设计网页的表现效果;
JavaScript 负责开发网页的交互效果。
HTML 是 HyperText Markup Language 的缩写,中文译为“超文本标识语言”
开发工具:
https://zhuanlan.zhihu.com/p/111959413
HBuilder
优点: 因为是一款国产软件,所以中文界面更容易迅速上手。HBuilder拥有完善的帮助文档,诸如快捷键列表什么的,都能快速调出查询;
编码速度飞快。它拥有完整的语法提示和代码输入法、代码块等,以及浏览器兼容性提示,大幅提升HTML、js、css的开发效率。内嵌了emmet、jquery、bootstrap、angular、mui等常用框架的语法提示库。支持less,sass等预编译器。通过快捷键(alt+点击)方便查找到js方法名、ID、CSS类名和链接的出处(定义),支持跨文件查找。HBuilder JSDoc+规范。编写JSDoc有助于代码可读性的提升,还可生成API手册(主要是框架);
缺点: 功能比文本编辑器多,执行也自然会相对慢。编辑器滚动条的滑动有卡顿卡,略显淡疼;
比较吃内存。HBuilder还自带了可调试控制台的浏览器,ide+浏览器都在这里,内存占用肯定也少不了。资源消耗更多,但HBuilder可保证主流配置电脑流畅使用。
webstorm:
优点:容易学习,新手也可以快速上手。不用讲什么插件安装,搞什么配置,直接上手才是王道;
缺点: 付费 吃内存
vscode :
优点: 插件多
https://www.zhihu.com/question/64606609/answer/1619830403
工具安装:
vscode : https://code.visualstudio.com/ 建议使用vscode
html页面介绍: https://www.cnblogs.com/JSW79/p/14671938.html
html单标签 : br 换行 hr 分割线 img 图片标签 inpiut 输入框 link 引入