1.网页
1、什么是HTML
HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。
HTML不是一种编程语言,而是一种标记语言(markup language)
2、网页的形成
网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的 。
前端人员开发代码---->浏览器显示代码(解析、渲染)---->生成最后的Web页面
2、HTML简介
1、HTML 编辑器推荐
可以使用专业的 HTML 编辑器来编辑 HTML,给大家推荐几款常用编辑器:
- VS Code:https://code.visualstudio.com/
- Sublime Text:http://www.sublimetext.com/
- 在线编辑器:https://c.runoob.com/front-end/61/
这里推荐安装vscode,专业的代码编辑器,有代码提示、预览、格式报错等较为方便。
a、预览插件安装
b、效果展示
c、使用浏览器展示
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、基础标签
- HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。
- HTML 链接是通过标签 <a> 来定义的。
- HTML 图像是通过标签 <img> 来定义的.
- HTML 段落一般使用 <p> 标签
- HTML 常用 <div> 标签用于分组的块级元素
b、基础标签效果
以上为简单介绍html语言及标签内容、有问题可在评论区留言讨论。