html入门 博客,博客入门--认识HTML代码

(2012-01-13 10:43:11)

标签：

分类：

HTML是一种用来制作超文本文档的简单标记语言，与普通文档不同，它可以加入文字、图片、声音、动画、影视等内容，可以从一个文件跳转到另一个文件，与世界各地主机的文件连接，通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“")作为标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“”来表示。而且大部份是成对的双标签，即首标签和尾标签。

HTML代码是标签语言．不是程序语言．一张音画贴，是用若于条文字、表格、定位、移动和链接等HTML标签编辑而成的，因此，学习HTML代码就要学会使用HTML标签．

html标签基本模式:

仅有一个指令的标签，　只须一个标签名称的语句就可以，如居中定位代码：

啦啦!我的位置是居中．

显示结果：

啦啦!我的位置是居中．

一条标签有多条指令时，除标签名称外还要有各项属性内容与属值等多个语句．比如：

内容尾标签>

◆标签属性内容可以有几个至十多个几十个不等．

◆标签属性内容必须与标签名称相关语句：如文字标签应用字体、字号和颜色等指令．表格标签应用宽度、高度、背景、边线厚度和边线颜色等指令．

用实际例子来理解HTML标签的作用和效果。

第一例子：文字标签．

我们要在页面上显示“网络世界”四个红色隶书大字，就必须用文字标签．下面就是文字设置代码。

博客美化宝典欢迎您

显示结果：

博客美化宝典欢迎您

这组文字设置代码在网络世界上面的是“始标签”，在网络世界下面的是“尾标签”(也有叫围堵标签)。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可，不用标记属性内容。

对照说明：

网络世界

◇代码的第一行标签名  属性内容依次是：字号大小  什么字体字的颜色

◇代码的第二行     文字内容

◇代码的第三行  尾标签

◇字号代码原是：size=1-7．这里用的是CSS样式定义字体：style=font: 可以最大限度地设置字号．

如果在这组代码前面加一个移动始标签，在后面加一个尾标签，这4个字就能移动了。

第二例子：移动标签．

博客美化宝典欢迎您

显示效果：

博客美化宝典欢迎您

◆移动标签只有名称，没有其他属性内容时，系统默认从右向左走。

第三例子：表格标签．

制作网页或音画贴，都要使用表格标签进行表格设置．例如要做一张宽500高300蓝色边框青色背景图框，代码如下：

说明：

◆第一行代码是表格首标签，内有宽、高、背景和边线四个属性内容及属值．

◆第二行代码是表格的列．

◆第三行代码是表格的行，(１列和１行构成一个单元格)．

◆第四行代码是表格的全部尾标签．

显示效果：

新手如何启步学习HTML代码。

凡事开头难，HTML代码有很多标签和语句，要记住是有些困难，我的笨办法是：

◇在我的电脑D区新建一个文件夹，命名为＂学习代码＂．

◇在这个文件夹中新建若于本空白记事本，存放HTML代码模式(HTML标签)，备用．

◇对一些常用的HTML标签，先反复在本机上练习，后再到论坛试贴．

◇安装微软的办公软件officre中的网页制作软件：Microsoft frontpage 2003．

可以在这个软件上编辑和浏览显示代码效果成功与否？

◇ 　然后加到收藏夹，再剪切粘贴在学习代码文件夹中，

可打开来粘贴运行代码．

◇ 　然后加到收藏夹，再剪切粘贴在学习代码文件夹中，

可用来检查网页、图片、音乐和Flash等文件地址是否有效.

启步学习代码入门先学习下面十条标签：

⑴ 文字标签．⑵ 表格标签．⑶ 图框标签．⑷ 贴图标签．⑸ 贴Flash动画标签．

⑹ 移动标签．⑺ 音乐标签．⑻ 链接标签．⑼ 定位标签．⑽ 各种常用代码．

学会使用上述标签, 就可以动手编辑一张完整的音画贴，做一张网页来玩一玩．

( 原创编辑：游子 )