一．HTML 标题
标题（Heading）是通过<h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题，<h6>定义最小的标题。
例：
<html>
<body>
<h1>计算机协会</h1>
<h2>计算机协会</h2>
<h3>计算机协会</h3>
<h4>计算机协会</h4>
<h5>计算机协会</h5>
<h6>计算机协会</h6>
</body>
</html>
运行结果如图：
二．HTML 水平线
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
例：
<html>
<body>
<p>hr 计算机协会：</p>
<hr />
<p>计算机协会。</p>
<hr />
<p>计算机协会。</p>
<hr />
<p>计算机协会。</p>
</body>
</html>
运行结果如图：
三．HTML 段落
段落是通过<p> 标签定义的（浏览器一般会自动在段落的前后添加空行）
例：
<html>
<body>
<p>计算机协会</p>
<p>计算机协会</p>
<p>计算机协会</p>
</body>
</html><html>
<body>
<p>计算机协会</p>
<p>计算机协会</p>
<p>计算机协会</p>
</body>
</html>
运行结果如图：
如果希望在不产生一个新段落的情况下进行换行（新行），可以使用 <br /> 标签，效果是一样的。
四．HTML 样式
style 属性用于改变 HTML 元素的样式
例：
<html>
<bodystyle="background-color:purple;">
<h1>计算机协会</h1>
<pstyle="font-family:jsjxh;color:green">
This text isin jsjxh and green</p>
<pstyle="font-family:jsjxh;color:blue">
This text isin jsjxh and blue</p>
<pstyle="font-size:30px">This text is 30 pixels high</p>
</body>
</html>
运行结果如图:
它是一种改变html元素的样式的通用方法。
五、Html 样式实例 背景颜色
background-color属性为元素定义了背景颜色
<html>
<bodystyle="background-color:red">
<h2style="background-color:purple">This is a jsjxh.</h2>
<pstyle="background-color:green">This is a jsjxh.</p>
</body>
</html>
运行结果如图：
六．HTML 样式实例 - 字体、颜色和尺寸
font-family定义元素中文本的字体系列
color定义元素中文本的字体颜色
font-size 定义元素中文本的字体尺寸
例：
<html>
<body>
<h1style="font-family:微软雅黑">jsjxh</h1>
<pstyle="font-family:方正舒体;color:blue;font-size:20px;">jsjxh.</p>
</body>
</html>
运行结果如图：
七．HTML 样式实例 - 文本对齐
text-align 属性规定了元素中文本的水平对齐方式
例：
<html>
<body>
<h1style="text-align:center">This is a jsjxh</h1>
<p>jsjxh</p>
</body>
</html>
运行结果如:
- 本文分类：菜鸟教程
- 本文标签：
- 本文链接：https://www.58how.com/Reference/96749.html
发表评论 取消回复