随笔- 86 文章- 0 评论- 0 阅读- 25183

网页基本标签

标题标签

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的
<h1> 定义最大的标题，<h6> 定义最小的标题

     <!-- 标题标签 -->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>

段落标签

HTML 段落是通过 <p> 标签进行定义的

     <!-- 段落标签 -->
    <p>第一个段落第一句 第一个段落第二句</p>
    <p>第二个段落第一句 第二个段落第二句</p>
    <p>第三个段落第一句 第三个段落第二句</p>

换行标签

<br /> 插入单个折行（换行），可用于在不产生一个新段落的情况下进行换行

     <!-- 换行标签 -->
    第一行 <br/>
    第二行 <br/>
    第三行 <br/>

水平线标签

<hr /> 标签在 HTML 页面中创建水平线，可用于分隔内容

     <!-- 水平线标签 -->
    <p>水平线上</p>
    <hr />
    <p>水平线下</p>

字体样式标签

HTML 可定义很多供格式化输出的元素，比如粗体和斜体字

     <!-- 字体样式标签 -->
    <p>粗体 : <strong>World Wide Web</strong></p>
    <p>斜体 : <em>World Wide Web</em></p>
    <p>下标字 : <sub>subscript</sub></p>
    <p>上标字 : <sup>superscript</sup></p>

特殊符号

     <!-- 特殊符号 -->
    <p>空   格 : 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</p>
    <p>大于号 : &gt;</p>
    <p>小于号 : &lt;</p>
    <p>版权符号 : &copy;</p>

示例

 <!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
 
<body>
    <!-- 标题标签 -->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
 
    <!-- 段落标签 -->
    <p>第一个段落第一句 第一个段落第二句</p>
    <p>第二个段落第一句 第二个段落第二句</p>
 
    <!-- 换行标签 -->
    第一行 <br />
    第二行 <br />
 
    <!-- 水平线标签 -->
    <p>水平线上</p>
    <hr />
    <p>水平线下</p>
 
    <!-- 字体样式标签 -->
    <p>粗体 : <strong>World Wide Web</strong></p>
    <p>斜体 : <em>World Wide Web</em></p>
    <p>下标字 : <sub>subscript</sub></p>
    <p>上标字 : <sup>superscript</sup></p>
 
    <!-- 特殊符号 -->
    <p>空 格 : 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</p>
    <p>大于号 : &gt;</p>
    <p>小于号 : &lt;</p>
    <p>版权符号 : &copy;</p>
</body>
 
</html>

如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。

posted @ 2022-09-02 12:56 TNTksals 阅读(88) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 什么是HTML？

· 超链接标签

· 网页基本标签

· html--基本标签

· html的基本知识——标签

公告

昵称： TNTksals
园龄： 3年4个月
粉丝： 4
关注： 1

+加关注

2025年3月

日

一

二

三

四

五

六

	<!-- 段落标签 -->
	<p>第一个段落第一句第一个段落第二句</p>
	<p>第二个段落第一句第二个段落第二句</p>
	<p>第三个段落第一句第三个段落第二句</p>

	<!-- 特殊符号 -->
	<p>空格 : 空      格</p>
	<p>大于号 : ></p>
	<p>小于号 : <</p>
	<p>版权符号 : ©</p>

TNTksals

那些隔过黑暗的花与水......

网页基本标签

网页基本标签

标题标签

段落标签

换行标签

水平线标签

字体样式标签

特殊符号

示例

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	<!-- 标题标签 -->
	<h1>一级标签</h1>
	<h2>二级标签</h2>
	<h3>三级标签</h3>

	<!-- 换行标签 -->
	第一行 <br/>
	第二行 <br/>
	第三行 <br/>

	<!-- 水平线标签 -->
	<p>水平线上</p>
	<hr />
	<p>水平线下</p>

	<!-- 字体样式标签 -->
	<p>粗体 : <strong>World Wide Web</strong></p>
	<p>斜体 : <em>World Wide Web</em></p>
	<p>下标字 : <sub>subscript</sub></p>
	<p>上标字 : <sup>superscript</sup></p>

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	</head>

	<body>
	<!-- 标题标签 -->
	<h1>一级标签</h1>
	<h2>二级标签</h2>
	<h3>三级标签</h3>

	<!-- 段落标签 -->
	<p>第一个段落第一句第一个段落第二句</p>
	<p>第二个段落第一句第二个段落第二句</p>

	<!-- 换行标签 -->
	第一行 <br />
	第二行 <br />

	<!-- 水平线标签 -->
	<p>水平线上</p>
	<hr />
	<p>水平线下</p>

	<!-- 字体样式标签 -->
	<p>粗体 : <strong>World Wide Web</strong></p>
	<p>斜体 : <em>World Wide Web</em></p>
	<p>下标字 : <sub>subscript</sub></p>
	<p>上标字 : <sup>superscript</sup></p>

	<!-- 特殊符号 -->
	<p>空格 : 空      格</p>
	<p>大于号 : ></p>
	<p>小于号 : <</p>
	<p>版权符号 : ©</p>
	</body>

	</html>