HTML之文本标签

文本标签

文本是网页不可缺少的元素之一,是网页发布信息所采用的主要形式。为了让网页中的文本整齐美观、错落有致、我们需要设置文本的大小、颜色、字体、类型、换行、和段落等。于是各色各样的标签就出现了

标题标签

标题能分隔大段文字、概括下文内容、根据逻辑结构安排信息。标题具有吸引读者的提示作用,而且表明了文章的内容。HTML提供了六级标题,其中<h1>最大级别<h6>最小级别

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

我这里即用的二级标题和四级标题,实际大小大家自行体会。

字体标签

<font>字体标签,用于控制网页上文本字体的显示外观。字体大小、字体类型、字体颜色等都可由其内部属性所决定。

<font size="5" face="微软雅黑" color="red">
    效果可能会显示不出来
</font>

font标签的内置属性:

  • size——取值范围1~7,默认为3。
  • face——可设置为“黑体”、“隶书” 等。
  • color——可直接使用颜色的名称、RGB或其十六进制。

除了可设置字体外,还可设置字体形状

标签名称说明
<b>设置字体为粗体。
<i>设置为倾斜字体。
<u>用于加下划线。
<sub>设置字体为下标
<sup>设置字体为上标
<strong>定义加重语气的字体。

这些表格里的都是很基础的,很容易掌握的。

段落标签

在文章中,我们需要将一些内容组成一个段落。目的是要将这些逻辑思想组成在一起,并为内容应用某些格式和布局。在HTML文档中,我们使用<p>标签将文本内容组成为一个段落,段落标签中的内容会单独占一行显示,并与其它标签中的内容形成一定的段间距。同时我们也可使用其内置属性控制内容的对齐方式

——left-居左、center-居中、right-居右。

<p align="center">
    我有没有居中呢
</p>
换行标签

段落与段落之间我们可以使用<p>形成一定的段间距。那段落的文本内部,我们如何进行换行呢?这里我们可以使用<br/>标签实现换行显示,该标签内不需要添加内容,可以直接关闭

水平线标签

水平线标签用<hr/>表示,其作用是在页面中绘制水平分隔线,该标签也可直接关闭。其内置属性可调节水平线的高度、颜色、宽度。其中高度是以像素为单位的,宽度可以使用像素或百分比

  • <hr size="高度" color="颜色" width="宽度"/>
注释和特殊字符

在HTML文档中,可使用<!--注释内容-->为代码添加注释,增加可读性。注释中的内容会被浏览器忽略

在HTML文档中,一些字符以具有了特殊的意义,如<>。而若想在文档中把它们显示出来,则就需要像C一样加入一些额外的字符来显现。这类组合体我们称为字符实体。如下为一部分字符实体。

HTML实体显示结果描述
&lt;<
&gt;>
&amp;&&符号
&reg;®已注册
&copy;©
&trade;
&nbsp;空格空格符
&quot;"引号

Summary

<body bgcolor="#B0D5DF">
<!--我不吃你-->
<h2>我不吃你</h2>
    <p align="left">
        <font size="4" face="微软雅黑" color="black">
            <strong>&nbsp;&nbsp;&nbsp;&nbsp;森林中,阳光如往常一般炙热,穿过树叶,斑斑驳驳地洒在地上。</strong><br/><br/>
            &nbsp;&nbsp;&nbsp;&nbsp;女孩坐在木屋的窗台上,摇晃着自己的小腿,沉默了好一会儿,<br/><br/>
            &nbsp;&nbsp;&nbsp;&nbsp;她开口道:“对不起,我以后不能到这里陪你玩了。”<br/>
        </font>
    </p>
    <p>
        <hr size="4" align="left" color="green" width="500"/>
        Copyright ......
    </p>
</body>

1.png


原文链接:http://adolesce.cn/archives/25.html

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值