HTMl基本骨架标签，段落换行水平线标签，文本标签

wp2023090219

已于 2024-10-09 22:32:35 修改

阅读量439

点赞数 9

文章标签： html 前端服务器

于 2024-09-08 22:30:22 首次发布

本文链接：https://blog.csdn.net/2301_81426182/article/details/142031500

版权

HTML的基本骨架

<html>

    <head>

       <title>网页标题</title>

    </head>

    <body>网页主体</body>

</html>

html	整个网页
head	网页头部，存放给浏览器看的代码
body	网页主体，存放给用户看的代码，例如图片、文字
title	网页标题，让用户明了查找的主题

示例效果

段落标签

段落标签
<p>	独占一行

示例效果

<p>这是第一段：123</p>
<p>这是第二段：457</p>
<p>这是第三段：789</p>

运行结果

换行标签

换行标签
<br>	单个标签、强制换行

示例效果

今天是个好日子啊<br>好日子<br>

运行结果

水平线标签

水平线标签
<hr>	单个标签、一条线将内容分隔

示例效果

补药作业啊<hr>

补药啊<hr>

运行结果

文本标签

文本标签

双标签，字体大小依次变小，有六个不同级别的标签

<h1>用于最重要的内容，其他的依次递减，<h6>用于最不重要的内容

示例效果

    <h1>h1标签</h1>

    <h2>h2标签</h2>

    <h3>h3标签</h3>

    <h4>h4标签</h4>

    <h5>h5标签</h5>

    <h6>h6标签</h6>

运行结果

其他文本标签

其他文本标签
<b></b>	使用b标签定义的加粗文本
<strong></strong>	使用strong标签定义的强调文本
<i></i>	使用标签定义的倾斜文本
<em></em>	使用em标签定义的强调文本
<del></del>	使用de1标签定义的删除线文本
<ins></ins>	使用ins标签定义的下划线文本

示例效果

    <p>   <b>使用b标签定义的加粗文本之</b>              </p>

    <p    <strong>使用strong标签定义的强调文本</strong> </p>

    <p>   <i>使用i标签定义的倾斜文本</i>                </p>

    <p>   <em>使用em标签定义的强调文本</em>             </p>

    <p>   <del>使用del标签定义的删除线文本</del>        </p>

    <p>   <ins>使用ins标签定义的下划线文本</ins>        </p>

运行结果