HTML基础内容3
style属性为HTML元素指定样式
HTML元素颜色
color为文本设置颜色
background-color设置背景颜色
<body style="background-color: rebeccapurple;">
<!-- 定义HTML背景颜色 -->
</body>
<br>
<h1 style="color: black;">标题颜色黑色</h1>
<p style="color: black;">段落颜色黑色</p>
<!-- colour定义元素颜色 -->
HTML文本字体
使用font-family设置文本字体
<h2 style="font-family: '微软雅黑';">标题</h2>
<p style="font-family: '微软雅黑';">段落</p>
<!-- font-family 定义元素字体 -->
HTML文本大小
使用font-size设置文本大小
<h2 style="font-size: 300%;">标题</h2>
<p style="font-size: 160%;">段落</p>
<!-- font-size 定义元素文本大小 -->
HTML文字对齐
使用text-align设置HTML文字对齐
<h2 style="text-align: center;">标题居中</h2>
<p style="text-align: center;">段落居中</p>
<!-- text-aligh定义元素水平对齐 -->
HTML格式化元素
<b>和<strong>都是加粗文本，但是<strong>在代码中强调重要
<!-- b和strong -->
<b>加粗文本内容</b>
<strong>加粗文本，增加语义强调</strong>
<i>和<em>都是斜体文本，但是<em>还强调文本
<!-- i和em -->
<i>斜体文本</i>
<em>斜体文本，增加语义重要性</em>
浏览器显示相同，但是<strong>和<em>意味着文本是重要的
<mark>标记文本
<!-- mark元素定义标记或突出文本 -->
<h2>HTML <mark>标记</mark>格式</h2>
<small>小文本
<!-- small定义了小文字 -->
<h2>HTML <small>small</small></h2>
<del>删除文本
<!-- del定义了删除文字 -->
<p>小鱼 <del>在河里</del>游泳</p>
<ins>插入文本
<!-- ins 定义了插入文本 -->
<p>小鱼<ins>愉快地</ins>游泳</p>
<sub>定义下标文字
<!-- sub定义下标文本 -->
<p>这是一个 <sub>下标</sub> 文本</p>
<sup>定义上标文字
<!-- sup 定义上标文本 -->
<p>这是一个 <sup>上标</sup> 文本</p>