一、什么是HTML文本?
网页的HTML(HyperText Markup Language)模式,即超文本标记语言。是一种用来制作超文本文档的简单标记语言。HTML文本是由 HTML命令组成的描述性文本,HTML 命令可以说明文字、 图形、动画、声音、表格、链接等的一些属性。
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
HTML语言,是网页代码的一种,正好像我在前面介绍过的LAETX语言一样,它是有一些特殊的命令组成,每一种命令又有特殊的格式,记住它是一件很难的事。
二、什么时候会用到HTML语言?
某些支持HTLM语言的博客、论坛里输入文本,如果运用少量的几个常用的代码,会使文本变得美观。如上下标、分段、字体字号、文字颜色等。
三、几种常用的代码
(一)文字大小、字体、颜色
1. 设置文字大小的属性是”size”他的取值范围是1到7。其中1为最小,7为最大。
格式:<font size=文字大小>被设置的字</font>
示例:<font size=4>我爱数学</font>→我爱数学
2. 设置文字字体属性是”face”
格式:<font face=文字字体>被设置的字</font>
示例:<font face=楷体>我的文具盒</font>→我的文具盒
3. 设置文字颜色的属性是”color”
格式:<font color=文字颜色>被设置的字</font>
示例:<font color=red>文字的颜色</font>→文字的颜色
(二)文字其它基础效果
1. 文字加粗:<b>被设置的字</b>
2. 文字斜体:<i>被设置的字</i>
3. 文字下划线:<u>被设置的字</u>
4. 文字删除线:<s>被设置的字</s>
示例:<b><i><u><font size=7>数学漫谈</font></u></i></b>→数学漫谈
(三)文字底纹
<html> <body style="background-color:yellow"> <h2 style="background-color:red">This is a heading</h2> <p style="background-color:green">This is a paragraph.</p> </body> </html>
This is a heading
This is a paragraph.
(四)文字移动
格式:<marquee scrollAmount=”移动速度” direction=”方向” >被设置的字</marquee>
设置移动速度属性是scrollAmount,他的取值范围是1到10。其中1为最慢,10为最快
设置移动方向属性是direction,”up”(上),”down”(下),”left”(左),”right”(右)
示例:<marquee scrollAmount=”8″ direction=”right”>欢迎进入我的博客</marquee>
(本博客不支持这个格式,可以到下面列举的网页去测试)
(五)文字段落设置
有些论坛里输入文字,不管你是否回车另起一行,但发表文章后全都连在一起,没有段落。这时你就要进行段落的设置了。
1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示。
2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示。
这里介绍<p>标记的一个简单属性:”align”用来设置文字段落的对齐方式。
属性值有”center”(居中对齐),”left”(向左对齐),”right”(向右对齐)
格式:<p align=属性值>被设置的段落</p>
3. 文字的分区显示:标记为<div> ,属性同<p>
格式:<div align=属性值>被设置的段落</div>
(六)文字链接设置
1. 点击文字转到链接地址
格式:< a href=”所要连接的相关地址”>被设置的字</a>
2. 点击文字在新窗口中打开链接地址
格式:<a href=”相关地址” target=”_blank”>被设置的字</a>
(七)上下标
A<sub>2</sub>→A2,a<sup>2</sup>→a2
(八)表格
<table border=”1″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td valign=”top” width=”52″>甲</td>
<td valign=”top” width=”52″>及格</td>
<td valign=”top” width=”64″>良</td>
</tr>
<tr>
<td valign=”top” width=”52″>乙</td>
<td valign=”top” width=”52″>优秀</td>
<td valign=”top” width=”64″>不及格</td>
</tr>
</tbody>
</table>
甲 | 及格 | 良 |
乙 | 优秀 | 不及格 |
四、HTML文本测试
请进入“HTML”在线测试工具进行测试。