HTML入门知识-网页的组成
网页的组成
- HTML:网页的结构
- CSS:网页的样式(美化)
- JavaScript:网页的交互(灵魂)
超文本标记语言
(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
- HTML元素是构建网站的基石;
- 标签+内容 = 元素
什么是标记语言(markup language )?
- 由无数个
标记(标签、tag)
组成; - 是对某些内容进行
特殊的标记
,以供其他解释器识别处理
; - 比如使用
<h2></h2>
标记的文本会被识别为“标题”进行加粗、文字放大
显示; - 由
标签
和内容
组成的称为元素
(element)
什么是超文本( HyperText )呢?
- 表示不仅仅可以插入
普通的文本
(Text),还可以插入图片、音频、视频
等内容; - 还可以表示
超链接
(HyperLink),从一个网页跳转到另一个网页;
VSCode工具安装
VSCode编辑器下载-安装:https://code.visualstudio.com/
安装插件(增加功能):右侧图标最后一项,Extensions,查找需要的插件(联网)
中文插件
:Chinese
颜色主题
:atom one dark
文件夹图标
:VSCode Great Icons
在浏览器中打开网页
:open in browser、Live Sever
自动重命名标签
:auto rename tag
VSCode的配置:
Auto Save 自动保存
Font Size 修改代码字体大小
Word Wrap 代码自动换行
Render Whitespace 空格的渲染方式(个人推荐)
Tab Size 代码缩进 推荐2个空格(公司开发项目基本都是2个空格)
什么是元素(Element)
元素是网页的一部分;一个元素可以包含一个数据项,或是一块文本,或是一张照片,亦或是什么也不包含;
元素介绍网页:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element