1.内联样式：
<h1 style="color:颜色">。。。</h1>
颜色标签
例：
<h1 style="color: red">我家的猫</h1>
2.层叠样式表css
<style>
h2 {color:red;}
</style>
3.类选择器
<style>
.biue-text{
color: red;
}
</style>
<h2 class="biue-text">我家的猫咪</h2>
4.<h></h> 是标题标签，<p></p>是段落标签，<img src="">是图片标签
除了<h1>标签外，还有<h2>、<h3>、<h4>、<h5>、<h6>，数字越大字越小
- HTML标签不区分大小写，<h1>和<H1>是一样的，但建议小写，因为大部分程序员都以小写为准.
6.head里有title script style link meta
body里有h1 p a img
7.html基本结构
<!DOCTYPE>
<html>
<head>头</head>
<body>体</body>
</html>
8.<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来
如：
9.<head>
<title>网页标题</title>
<meta> 用于搜索引擎搜索
<link> 引用css样式
<style>...</style> css样式
<script>...</script> js特效
</head>
10.字号是由样式属性font-size来控制的, 如下：
h1 {
font-size: 30px;
}
11.图片标签:
<img
src="网址">
注意：img元素是自关闭元素，不需要结束标记。
12.图片宽度设置;
<style>
.smaller-image {
width: 100px;
}
</style>
<img class="smaller-image"
src="">
13.style(样式)、color(颜色)、width(宽度)、height(高度)
举个例子，如果我们想要让一个HTML元素的边框颜色为红色、边框宽度为5像素(px)、边框样式为固体(solid)，代码如下:
<style>
.thin-red-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
</style>
提示：你可以应用多个class到一个元素，只需要在多个class之间用空格分开即可。例如：
<img class="class1 class2">
