HTML
html是超文本标记语言，废话少说直接上代码
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>开始HTML</title>
</head>
<body>
<h1>你今天码代码了吗？</h1>
</body>
</html>
以上代码保存为.html格式，用浏览器打开试试
元素
元素是HTML的最基本部件，由成对尖括号 <> 及括号间的内容组成。例如：<h1>你今天码代码了吗？</h1>
<!DOCTYPE html> 指定渲染模式
<html lang="en"> </html> 根标签
<img src="1.jpg"> img标签 表示图片
骨架
HTML骨架格式是指一个HTML文档的基本结构，包括根标签、头部标签和主体标签。根标签是< html >，头部标签是< head >，主体标签是< body >。
在使用HTML制作网页时，可以使用HTML标签的属性来提供更多的信息。属性的格式是在标签名后面加上属性名和属性值，如<标签名 属性1="属性值1" 属性2="属性值2" …>。
<!-- 页面中最大的标签 根标签 -->
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title></title>
</head>
<!-- 文档的主体 -->
<body>
</body>
</html>
例如，可以使用属性来设置手机的颜色和大小，或者使用属性来设置图像的URL。另外，HTML还提供了段落标签< p >用于分割文档为若干段落。在一个段落中，文本会根据浏览器窗口大小自动换行，并且段落之间有空格。
- HTML标签名、类名、标签属性和大部分属性值统一用小写
- HTML元素标签可分为双标签，单标签
- HTML标签关系：嵌套关系父子级包含关系 ，并列关系兄弟级并列关系
- 如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位（一个tab是4个空格）。如果是并列关系，最好上下对齐。
语义化
元素、属性、属性值都有含义
要求：开发者编写HTML时要遵循语义
如：有序列表用ol、无序列表用ul
lang属性表示内容的语言（浏览器自动翻译）
为什么要语义化：
- 开发者方便维护、修改页面；（代码可读性、可维护性）
- 浏览器展示页面；
- 搜索引擎提取关键词、排序（关键词出现在标题和正文的权重区别）；（搜索引擎优化）
- 屏幕阅读器，给盲人读页面内容（提升无障碍性）
核心思想：传达内容，而不是样式
如何做到语义化：
- 了解标签和属性的含义；
- 思考哪个标签更适合描述这个内容；
- 不使用可视化工具生成代码
