HTML文本

HTML文本


标题

标题是对一段文字内容的概括和总结,书籍少不了标题,网页也少不了标题。

标题标记

标题标记一共由6个,分别是

每一个标记在字体的大小上都有明显的区别

语法如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>

运行结果如下:

在这里插入图片描述


标题的对齐方式

在默认情况下,标题文字是左对齐的,在制作网页的过程中,可以实现标题文字的编排设置,最常用的就是对齐设置,通过为标题添加align属性进行设置

语法格式如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
<h1 align="center">一级标题</h1>
<h2 align="right">二级标题</h2>
<h3 align="left">三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>

结果如下:
在这里插入图片描述

在该语法中,align属性需要设置在标题标记的后面,具体的对齐方式属性如下表

属性值含义
left文字左对齐
center文字居中对齐
right文字右对齐

文字


在网页编码中,可以直接在标记和标记之间输入文字,这些文字可以显示在网页中,同时可以为这些文字添加装饰效果

如:斜体,下划线等等。

文字的斜体、下划线、删除线

直接看编码

语法如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本</title>
</head>
<body>
<em>斜体内容</em><br>
<i>斜体内容</i><br>
<b>粗体内容</b><br>
<strong>粗体内容</strong><br>
<u>带有下划线的内容</u><br>
<strike>带有删除线的文字</strike><br>
<s>带有删除线的内容</s><br>
<small>变小内容</small><br>
</body>
</html>

不要在意这个标签,后面会进行说明。

结果如下:
在这里插入图片描述


文字的上标与下标

这两个标记通常会在数学公式中用到

语法格式如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本</title>
</head>
<body>
<h1 align="center">x<sup>3</sup>+3=0</h1>
<h1 align="center">x<sub>1</sub>+x<sub>2</sub>=3</h1>
</body>
</html>

结果如下:


特殊符号

在网页的制作过程中,特殊的符号与需要使用代码来控制。

一般情况下,特殊符号的代码由前缀”&”,字符名称和后缀分号“;”组成。

常用特殊符号如下表:

特殊符号实体名称含义
"&quot;引号
<&it;左尖角号
>&gt;右尖角号
×&times;乘号
©&copy;版权符号
(空格)&nbsp;空格
&hearts;

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本</title>
</head>
<body>
<h1 align="center">&quot;&it;&gt;&times;&copy;&nbsp</h1>
</body>
</html>

结果如下:
在这里插入图片描述


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是舅舅啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值