1. HTML(Hypertext Markup Language)超文本标记语言
超文本:超级文本(文本、图片、视频、音频等)
标记(标签/元素/节点):就是由尖括号括起来的一组内容
<html> <div> <img>
等
就是用于开发网页的最基础的语言
2. HTML的基本编写格式
<!--
文档声明,用于声明当前文档是一个html格式的网页,并且版本就是5.0
声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
-->
<!DOCTYPE html>
<!--language-->
<html lang="en">
<!--根标签,用于包裹所有的网页内容(不包括文档声明)-->
<!--头部分, 用于存放网页的基本属性信息(编码,标题,引入的css/js文件等-->
<head>
<!--<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词(SEO)。-->
<!--<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。-->
<meta charset="UTF-8" />
<!--指定网页的编码,浏览器会根据这个编码解析这个网页-->
<!--网页标题-->
<title>我的第一个网页</title>
</head>
<!--体部分, 用于包裹所有的可视化内容-->
<body>
Hello,World!<!--网页主体-->
</body>
</html>
(1) html根标签
- 一个页面中有且只有一个根标签
- 网页中的所有内容都应该写在html根标签中
(2) head标签
- 该标签中的内容不会在页面中直接显示,它是用来帮助浏览器解析页面的
(3) title标签
- 网页中的标题标签,默认会显示在浏览器的标题栏中
- 搜索引擎在检索页面时,会首先检索title标签中的内容。它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名。会有专门的SEU来研究标题如何编写。
(4) body标签
- 用来设置网页的主体内容
- 网页中所有可见的内容,都应该在body中编写
(5)<!--html中的注释-->
- 注释中的内容不会显示在页面中,但可以在源码中查看
- 可以通过注释对代码进行描述
- 养成良好的注释习惯,注释一定要简单明了
3. 属性
- 通过属性来设置如何处理标签中的内容
- 在开始标签中添加属性
- 属性名=‘属性值’ (单引号或双引号都可以)
- 一个标签中可以同时设置多个属性,属性之间需要使用逗号隔开。
<p style="font-size