目录

Web前端开发基础(1)html基础

Web前端开发基础(1)html基础


学习目标

  • 知道html的作用
  • html基本结构
  • vscode的基本使用

html的作用

html的全称为:HyperText Mark-up language,指的是超文本标记语言,标记就是标签,<标签></标签>,标签大多数都是成对出现的。

所谓超文本,有两层含义:

  • 网页中可以用图片、视频、音频等内容。(超越文本限制)
  • 它还可以在网页中跳转到另一个网页,与世界各地的主机网页链接(超链接)。

它是用来开发网页的,是开发网页的语言。


html的基本结构

结构代码:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset='UTF-8'>
    <title>网页标题</title>
  </head>
  <body>
    显示网页内容
  </body>
</html>
  • 第一行 <!DOCTYPE HTML> 是文档声明,用来指定页面所使用的html版本,这里声明的是一个html5的文档。
  • 第二行<html>...</html>标签是开发人员在告诉浏览器,整个网页从<html>这里开始的,到</html>这里结束,也就是html文档的开始和结束标签。

vscode的基本使用

全拼写是Visual Studio Code(简称VS Code)是由微软研发的一款免费、开源的跨平台代码编辑器,前端网页开发用的最多的一款软件开发工具。

**