HTML（1）基本表示方式

最新推荐文章于 2023-06-20 13:03:07 发布

Kilig*

最新推荐文章于 2023-06-20 13:03:07 发布

阅读量866

点赞数 1

本文链接：https://blog.csdn.net/Kilig___/article/details/108932349

版权

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>

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

Kilig*

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML（1）基本表示方式

这里写目录标题HTML基本结构HTML标签转义字符的表示标题标签的表示HTML基本结构<!DOCTYPE html> <html lang="en"> <head>
复制链接

扫一扫