构成 | 语言 | 描述 |
结构 | HTML | 网页元素和内容 |
表现 | CSS | 网页元素页面样式 |
行为 | JavaScript | 网页交互 |
HTML，超文本标记语言（Hyper Text Markup Language），是一门描述性语言。标记，标签，元素，叫法不同，意思相同。HTML超文本标记语言主要通过标签的方式，对网页页面的文本、图片、音频、视频等内容进行描述。学习HTML，就是学习各种标签，来搭建网页的结构。
2 HTML结构
结构：!DOCTYPE
说明：作用是告诉浏览器用哪个文档规范来解析文档
标签：html
说明：用于搭建HTML网页文档结构和网页布局
标签：head
说明：用于定义HTML网页文档的头部,它是所有头部元素的容器
标签：body
说明：用来定义HTML网页文档的主体区域
标签：meta
说明：用来描述HTML网页文档的属性
标签：title
说明：用来放到HTML网页文档的头部，是搜索引擎首要抓取的目标代码
2.1 标签
2.1.1 双标签标签，也叫作标记，是由一对尖括号<>，里面包含单词组成
<html></html>2.1.2 单标签
<br>2.1.3 标签关系
嵌套关系
<html>
<head>
</head>
</html>
并列关系
<head>
</head>
<body>
</body>3 注释
注释用来帮助程序员记录程序设计方法，辅助程序阅读
双标签，定义网页的标题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>百度一下，你就知道了</title>
</head>
<body>
</body>
</html>
4.2.1 name属性是单标签，用来描述HTML网页文档的属性
属性值 | 说明 |
keywords | 网页关键字，多个逗号隔开 |
description | 网页描述 |
author | 作者 |
copyright | 版权信息 |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 网页关键字 -->
<meta name="keywords" content="html,css,javascript">
<!-- 网页描述 -->
<meta name="description" content="基础前端知识">
<!-- 网页作者 -->
<meta name="author" content="buddha">
<!-- 网页版权信息 -->
<meta name="copyright" content="版权所有，翻版必究">
</head>
<body>
</body>
</html>
