1.网页

1、什么是HTML

HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言（markup language）

2、网页的形成

网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的 。

前端人员开发代码---->浏览器显示代码（解析、渲染）---->生成最后的Web页面

2、HTML简介

1、HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML，给大家推荐几款常用编辑器：

这里推荐安装vscode，专业的代码编辑器，有代码提示、预览、格式报错等较为方便。

a、预览插件安装

1、前端知识简介_html

b、效果展示

1、前端知识简介_HTML_02

c、使用浏览器展示

1、前端知识简介_前端开发_03

2、最小的HTML文档

<!DOCTYPE html>	// 声明必须位于 HTML5 文档中的第一行,
<html>
<head>
<meta charset="utf-8">	// 中文网页需要声明编码，否则会出现乱码
<title>文档标题</title>
</head>
 
<body>
文档内容......
</body>
 
</html>
  • <!DOCTYPE html> 声明为 HTML5 文档
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容

3、HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签


a、基础标签
  1. HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。
  2. HTML 链接是通过标签 <a> 来定义的。
  3. HTML 图像是通过标签 <img> 来定义的.
  4. HTML 段落一般使用 <p> 标签
  5. HTML 常用 <div> 标签用于分组的块级元素
b、基础标签效果

1、前端知识简介_HTML_04

以上为简单介绍html语言及标签内容、有问题可在评论区留言讨论。