作业帮HTML教程：HTML初学者应该看下
来源：学生作业帮助网 编辑：作业帮 时间：2024/05/11 01:37:00 HTML
HTML（HyperTextMark-upLanguage）中文是超文本链接标示语言。是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本 与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到 的就是这种语言写的页面。
而对于我们攻略组来说HTML代码有什么作用呢？它可以让我们容易地做出一篇图文并茂的攻略，不仅如此它还能实现各种特效、制作表格等丰富的功能，比起论坛自带的编辑功能强大的多。所以作为攻略组成员都应该掌握好基本的HTML代码应用。本篇教程只是针对新手来说，另外推荐大家用OFFICE软件的FRONTPAGE（下文简称FP）本软件对初学者来说简单易学。
第一讲 字体设置
在讲之前先简单了解一下FP，在FP中有两种方法可以编辑网页，第一种是在代码模式编写HTML代码，这种方式需要对HTML语言有很深入的了解（其实 会HTML代码不需要什么软件直接用记事本来写就行）；第二种就是直接设计用软件内置的工具来做，这种比较简单适合初学者而且也不用认识HTML代码。好了废话就到这为止，下面来说一下字体的设置。
在HTML代码里，字体的定义比较容易，只需用 标签即可定义字体、字号、字体颜色等。 标签原则上要求成对出现，即在被修饰
的字体前使用引导，在被修饰的文字后用结尾。下面给出例子和效果及相关说明
语法为：巴士速攻
效果：巴士速攻
其他一些常用代码
引用:
粗体：文字 （例：文字）
加重：文字 (例：文字 ）
上标：文字 （例： 文字）
下标：文字 （例： 文字）
斜体：文字 （例：文 字）
下划线：文字 （例： 文字）
在FP中我们不用记住语法也可以简便地对文字进行编辑，方法为用鼠标选中要改变的字体或者句子，点击右键就会有“字体”选项，在那里我们可以快速进行文字设置
第二讲 对齐，排版
要想写好一篇好的攻略，首要条件是把排版问题搞好。试想一下你的攻略排版非常混乱就算是再好的攻略也没人看。在FP设置模版上面的工具栏上有基本的文段格式按钮，一些常用的功能比如：居中、对齐、缩进、编号都可以直接使用。这里我说一下一些比较实用代码：
格式预设：
内容
你是否试过在自己电脑上把文字排列得很整齐但是发到论坛上又变样了呢？上面的那个代码是非常有用的，它可以使得最终显示效果以原始格式实现。请看以下代码和效果：
引用:
代码：
1234
-1234
--------
0
效果：
1234
-1234
--------
0
没用代码效果：
1234
-1234
--------
0
隐藏表格
用表格来实现网页布局一直被大量使用。在论坛里发帖，有些需 要居中的地方，我们不妨用用表格，它的使用效果比用居中好得多。试看以下例子：
| 春天的第一只蝴蝶 身披橙色和紫色 从我的路上飞过 一朵飞行的花 改变了 我生活的颜色 |
上面中我用的是表格，把表格的边框大小改为0的效果，至于表格下面再详细说明。
第三讲 超级链接、贴图
超级连接可以说是论坛上使用频率比较多的功能了，一般在论坛上，我们在编辑模式下输入或者复制一个网址，论坛系统自动令其成为超级链接模式，即发布后，一点击这个地址浏览器会打开该地址。这是因为，论坛系统在后台给出了超级链接标签。但是在在HTML编辑模式下，我们得自己添加级链接，否则输入的链接是点不了的。
具体方法：是选中点亮想要进行超级连接的文字、网址或是别的数据，点击右键的“超链接”再输入想要连接的网址就行了又或者点击工具栏的“插入”也可以找到“超链接”选项。
图片位置
例子：http://bbs.tgbus/index.php 语法：文字或图像或网址
书签当网页内容太长或要导航到其它页面的一个具体位置时，就可以使用Html中书签功能了。一般在做攻略时加入目录较长使用“书签”功能就很方便了。先看一下例子：
我是书签我怕谁
具体的做法就是，先选择一个文字或是数字等作为“书签”，方法是选中点亮要作为书签的文字，然后在工具栏中的“插入”选择“书签”确定就行，书签的名字可以自己随意改写。接着就要就行书签连接了，其实方法和超级连接差不多，选定点亮要进行连接的文字。右键选择“超链接”→“本文档的位置”→选择要连接的书签就可以了，是不是很简单呢？比如上例中我是把下面的表格最后面的“句号”加上书签，然后把上面那句“我是书签我怕谁”用超连接连上本地的书签就可以了。
贴图也是在论坛上常用的技巧，在FP中我们只要选中工具栏中的“插入文件中的图片”就可以贴图了。这里需要注意的是加入的必须是网上图片的地址，如果是自己硬盘中的图片发到论坛上就是大叉了。
引用:
贴图的HTML的基本语法是：
src：图片地址。在论坛里，强烈建议使用图片的完整地址也就是绝对地址，若是上传到论坛的图片，可以使用相对地址，一般从upload一节开始。
border：图片的边框。取值范围为正整数，边框颜色不可改变（黑色）。多数论坛里的图片都会链接到自身，当用户点击过它，它的边框颜色通常就是默认的蓝色，故为美观起见，建议设置为0。