文本标签
文本是网页不可缺少的元素之一,是网页发布信息所采用的主要形式。为了让网页中的文本整齐美观、错落有致、我们需要设置文本的大小、颜色、字体、类型、换行、和段落等。于是各色各样的标签就出现了
标题标签
标题能分隔大段文字、概括下文内容、根据逻辑结构安排信息。标题具有吸引读者的提示作用,而且表明了文章的内容。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实体 | 显示结果 | 描述 |
---|---|---|
< | < | |
> | > | |
& | & | &符号 |
® | ® | 已注册 |
© | © | |
™ | ™ | |
| 空格 | 空格符 |
" | " | 引号 |
Summary
<body bgcolor="#B0D5DF">
<!--我不吃你-->
<h2>我不吃你</h2>
<p align="left">
<font size="4" face="微软雅黑" color="black">
<strong> 森林中,阳光如往常一般炙热,穿过树叶,斑斑驳驳地洒在地上。</strong><br/><br/>
女孩坐在木屋的窗台上,摇晃着自己的小腿,沉默了好一会儿,<br/><br/>
她开口道:“对不起,我以后不能到这里陪你玩了。”<br/>
</font>
</p>
<p>
<hr size="4" align="left" color="green" width="500"/>
Copyright ......
</p>
</body>