html的body标签

最新推荐文章于 2024-09-18 09:49:54 发布

叮定

最新推荐文章于 2024-09-18 09:49:54 发布

阅读量3.2k

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/mooonk/article/details/115134738

版权

HTML 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

本文介绍了HTML中的body标签及其属性，包括设置背景颜色、使用hr标签创建横线、font标签调整文字样式、hn标签定义标题级别、br标签进行换行、p标签创建段落以及字符实体的使用。通过示例代码展示了这些元素的实际应用。

摘要由CSDN通过智能技术生成

HTML基础知识（body标签一）

一、标签类型

body标签是HTML中比较重要的，通过设置body标签中的属性值或是在body中添加新的标签来更改网页。
–>bgcolor，设置网页背景颜色，需要body标签嵌套实现

<body bgcolor="#7fffd4 "></body>

–>hr标签，在网页上显示一条横线，默认横向占比为100%，为单标签，属性有width设置横线长度，属性值单位可以为px，也可以设置为百分比，color设置颜色，align设置横线位置（默认为中间center），size设置横线宽度

<hr color="pink" align="left" size="10px" width="50%"/>

在这里插入图片描述
–>font标签，双标签设置文字属性，放在中

<font color="blue " size="10px">这是我的第一次练习</font>

在这里插入图片描述
–>hn,标题标签，一共有6级，n代表n级

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

在这里插入图片描述
–>br，段落标签，在段落内部换行，单标签

<font color="blue " size="10px">这是我的第<br />一次练习</font>

在这里插入图片描述
–>p，换行标签，双标签成对使用

<p>换行双标签</p>
<p>换行双标签2</p>

在这里插入图片描述
–>字符实体标签
对于html中有特殊含义的字符实体，如果要以原本的样子展现，就需要使用实体符号转义
例如：

<br/> 换行---->&lt;br/&gt;
<小于---------->&lt;
>大于---------->&gt;
空格----------->&nbsp;
&与------------>&amp;和

HTML所有的标签作用以及属性都可以在w3c网站中查找

# 所有源代码以及运行结果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>day1</title>
    <meta name = "keywords" content="练习">
</head>
<body>
    <font color="blue " size="10px">这是我的第<br />一次练习</font>
    <hr color="pink" align="left" size="10px" width="50%"/>
    <body bgcolor="#7fffd4 "></body>
    <p>换行双标签</p>
    <p>换行双标签2</p>
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
</body>
</html>