HTML（1）基本表示方式

最新推荐文章于 2024-04-01 22:40:34 发布

原创最新推荐文章于 2024-04-01 22:40:34 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML的基本结构及常用标签的应用，包括文本属性设置、换行与分割线的实现方式，以及不同级别的标题标签如何使用。通过实例演示了颜色、字体、字号等属性的设置方法，并展示了如何创建不同对齐方式的标题。

HTML

HTML基本结构
HTML标签
转义字符的表示
标题标签的表示

HTML基本结构

<!DOCTYPE html>                                 <!--整个HTML的约束申明-->
<html lang="en">                                <!--网页显示的语言方式   lang="en"是英文   lang="zh_CN"是中文-->
<head>                                          <!--HTML的标题-->
    <meta charset="UTF-8">                      <!--编码格式，一般为UTF-8-->
    <title>我是HTML的头标题</title>
</head>                                         <!--标题结束的标志-->
<body>                                          <!--HTML的主体躯干-->
我是HTML的主题躯干
</body>                                         <!--躯干结束的标志-->
</html>                                         <!--整个HTML结束的标志-->

运行结果打开为
在这里插入图片描述

HTML标签

font 可以进行HTML文本各项属性的设置
color---->颜色
face----->字体
size----->字号
<br/>---->换行符
<hr/>---->分割线
<!--注释-->        （可通过Ctrl+Shift+/进行整体标注）

<body>
    <font color="red">我是HTML的主题躯干(红)<font>
        <br/>                                   <!--换行符-->
    <font color="yellow">我是HTML的主题躯干(黄)<font>
        <hr/>                                   <!--分割线-->
    <font color="green">我是HTML的主题躯干(绿)<font>
        <br/>
    <font color="red" face="宋体" size="7">我是字体标签</font>

</body>                                         <!--躯干结束的标志-->

运行结果
在这里插入图片描述

转义字符的表示

在这里插入图片描述

标题标签的表示

<body>
<h1 align="left">我是左对齐标题</h1>
<h2 align="center">我是居中标题</h2>
<h3 align="right">我是右对齐标题</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>
<h7>标题 7（没有七号标题）</h7>
</body>