1. 内联样式 style
style 属性用于设置元素的内联样式，直接在标签上写 CSS。
格式：style="属性:值"，多个属性用分号分隔。
演示效果：
这是一个蓝色标题
这是一个红色大号文字
1<h1 style="color:blue;">这是一个蓝色标题</h1>
2<p style="color:red; font-size:18px;">这是一个红色大号文字</p>
2. class 和 id
class 用于定义元素的类名，可以被多个元素共享。
id 用于定义元素的唯一标识符，一个页面中只能使用一次。
演示效果：
这是一个段落，具有 class 和 id 属性。
这是另一个段落，共享相同的 class。
1<p class="text" id="paragraph1">这是一个段落，具有 class 和 id 属性。</p>
2<p class="text">这是另一个段落，共享相同的 class。</p>
3. 超链接 a
<a> 标签定义超链接，href 属性指定链接地址。
target 属性控制链接打开方式：
_blank 新窗口 | _self 当前窗口（默认）
1<a href="https://www.example.com" target="_blank">新窗口打开</a>
2<a href="https://www.example.com" target="_self">当前窗口打开</a>
4. 图片标签 img
<img> 标签用于插入图片，是自闭合标签。
src 指定图片地址，alt 提供替代文本，title 提供悬停提示。
演示效果：
1<img src="https://via.placeholder.com/150"
2 alt="示例图片"
3 title="这是一个示例图片"
4 width="150"
5 height="150">