基本结构举例 最下面有彩蛋... ...
概念:超文本标记语言,超文本指的是超链接,标记指的是标签
<!DOCTYPE html> <!--html的文档声明,声明当前html文档的版本-->
<html> <!--根标签: html开始标签 -->
<head> <!--html标签中的第一个子标签: head开始标签-->
<meta charset="UTF-8"> <!--单个标签meta: 主要用于当前文档设置, 这里设置的是文档的编码格式 utf-8-->
<title>网页的窗口标题</title> <!--title标签: 主要用于设置当前文档标题-->
</head> <!--html标签中的第一个子标签: head结束标签-->
<body> <!--html标签中的第二个子标签: body开始标签-->
要显示的内容
</body> <!--html标签中的第二个子标签: body结束标签-->
</html>
元素 ( 行元素 )常见
标题标签<h1>:标题标签用于设置标题, 共有6级
- <h1>一级标题</h1>
- <h2>二级标题</h2>
- <h3>三级标题</h3>
- <h4>四级标题</h4>
- <h5>五级标题</h5>
- <h6>六级标题</h6>
段落标签<p>
<p>
段落内容
段落标签中如果想要强制换行,需要使用<br>标签, 这个标签是个单个标签,所以只有一个
</p>
通用块容器标签<div> 表示文档中一块内容, 具 有块元素基本特性, 没有其他默认样式、
<div> 这是一个div元素 </div>
<div> 这是第二个div元素 </div>
<div> 这是第三个div元素
<h3> 标题 </h3>
<p>
段落内容