一、什么是 HTML ？
1、全称是HyperText Markup Language，翻译过来叫 “超文本标记语言”。
2、只要记住一句话：HTML是用来搭建网页 “结构” 和 “内容” 的语言。
二、HTML 长什么样？
1、HTML的核心是 “标签”，比如<h1>、<p>、<img>这些，它们就像一个个 “容器”，用来装不同的内容。
2、一个最基础的 HTML 代码页面，长这样：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <!-- 这里是页面的内容 --> <h1>这是页面的大标题</h1> <p>这是一段普通的文字内容，用来介绍页面信息。</p> <img src="https://example.com/photo.jpg" alt="示例图片"> <button>这是一个按钮</button> </body> </html>3、第一列为 HTML 的 结构：
<!DOCTYPE html>：文档类型声明（告诉浏览器这是HTML5网页）
<html>：根标签（整个网页的最外层容器）
<head>：头部标签（网页的配置区，用户看不见）
<body>：主体标签（网页的内容区，用户能看见的所有内容都在这）
< h1 > < p > < img > < button >这些是网页内容型标签，可放置标题、段落、图片、交互功能
4、标签
标签：是 HTML 的基础单元，所有网页内容都是由他拼出来
双标签：拥有完整的头尾包裹内容，例如：<p> 内容写在这里 </p>
单标签：只有一个标签，内容可写在标签前后，例如：< input type=" # " > 内容写在这里
标签嵌套：把一个标签放在另一个标签的内部，例如：
<div> <p>这是段落标签，<a href="#">这是超链接标签</a></p> </div>三、什么是 CSS
如果 HTML 是人的骨头，那 CSS 就是人的 —— 皮肤、衣服、妆容
CSS 的全称是 Cascading Style Sheets，翻译过来叫 “ 层叠样式表 ”
简称：CSS 样式
1、代码示例：
在学习阶段，CSS 样式可以写在<style> 这里放CSS样式 </style>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>背景复合属性</title> <style> div { width: 1500px; height: 1500px; /* 缩放需要 / 隔开 */ background: pink url(../../../2.png) no-repeat top center/contain; font-size: 50px; } </style> </head> <body> <div>这是网页背景图</div> </body> </html>2、效果展示：
总结：
1、HTML 是用来放内容，CSS 是用来美化页面
2、HTML+ CSS 可以制作一些网页效果，但还不能实现交互，需要学习 JavaScript，后续会讲解
