目录
- 网页由哪几部分组成?
文字、图片、视频、音频、超链接...
- 我们看到的网页,背后的本质是什么?
程序员写的前端代码
- 前端代码如何转化成用户眼中的网页?
通过浏览器转换成用户看到的网页。
浏览器对代码进行解析渲染的部分,称为浏览的的内核。
提示:不同浏览器,内核不同,对于相同的前端代码解析的的效果可能会存在差异,但是W3C(万维网联盟)制定了一系列web标准也称网页标准。
因此,一个标准的网页有三个组成部分:
- HTML:负责网页的结构(页面元素和内容)。
- CSS:负责网页的表现(页面元素的外观,位置等页面样式,如:颜色、大小等)。
- JavaScript:负责网页的行为(交互效果)。
什么是HTML?
- 超文本:比普通的文本比如记事本要更加强大,除了文字信息,还可以定义图片、音频、视频等内容
- 标记语言:由标签"<标签名>"构成的语言
这里给大家推荐一个网站,可以学习和查询HTML相关的内容:w3school 在线教程
HTML快速入门
1.HTML的基本骨架
<html>
<head>
<titile>HTML快速入门</title>
</head>
<body>
<h1>Hello HTML</h1>
<img src="">
</body>
</html>
<head>标签里的内容称为网页头部:用来存放给浏览器看的信息,如:网页标题、CSS样式等
<body>标签里的内容称为网页主体:用来存放给用户看的信息,如:文字、图片、视频等
2.HTML标签特点
- html标签不区分大小写,建议小写
- html标签的属性值使用单引号/双引号都可以
- html语法结构松散,但是建议规范书写
VSCode安装和使用
- 对前端代码有非常强大的支持
- 提供了非常强大的插件库
大家可以去csdn搜一搜如何安装还有一些插件的使用
这是我写的第一条blog,目前就当作个人的笔记本来使用,同时也能巩固自己所学的东西,方便随时复习,接下来我会持续更新自己学习的笔记和案例,欢迎各位大神批评指正。