九乡新闻网金庸群侠传 程灵素:初步认识HTML代码
来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 23:53:15
欢迎您！启步学代码。
初步认识一下HTML代码
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．
可以在这个软件上编辑和浏览显示代码效果成功与否？
◇ 击点打开html代码浏览器 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可打开来粘贴运行代码．
◇ 击点打开空白网页 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可用来检查网页、图片、音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签：
⑴ 文字标签．⑵ 表格标签．⑶ 图框标签．⑷ 贴图标签．⑸ 贴Flash动画标签．
⑹ 移动标签．⑺ 音乐标签．⑻ 链接标签．⑼ 定位标签．⑽ 各种常用代码．
学会使用上述标签, 就可以动手编辑一张完整的音画贴，做一张网页来玩一玩．
◇ 击点打开html代码浏览器◇
欢迎您！启步学代码。
（原创制作:游子。 供初学HTML代码的朋友参考） 为了做到“老有所学，老有所为，老有所乐”，因此，玩电脑上网学习代码贴图成为我晚年生活的一个主要内容。 2005年11月起我把从黑马,白云等老师学习到的一些HTNL知识,编写成"欢迎您!启步学代码。”的学习心得,并在古曲论坛、影画世界、中年人生和智慧之家等网站发表，另外还有一些网友在四十多个网站（论坛和个人主页）上转载，受到许多代码初学者喜爱和好评。我的文化水平较低，又不懂英文，编写这些东西是个人自学心得,不是教材，错误之处在所难免，请大家批评指正
汇编目录 ◆01:认识一下HTML代码
◆02:文字设制代码
◆03:学习表格设置 打好做贴基础◆04:学习表格标签做颜色背景图框
◆05:学做图片背景的图框
◆06:贴图标签的基本代码
◆07:用代码制作图片羽化效果◆08:趣味的移动标签
◆09:贴FLASH-动画图片的方法
◆10:网页插入音乐的方法
◆11:学习HTML代码做音画贴
◆12:定位插入的各种代码
◆13:如何使用绝对定位加叠法
◆14:调用CSS语句修饰图片边框
◆15:如何用代码编辑特效文字
◆16:如何编辑竖排文字◆17:如何使用三合一图框
◆18:用代码为相片加相框的方法
◆19:如何做空间贴和超链接
◆20:音画贴编辑小平台
◇ 击点打开html代码浏览器◇
原创编辑：游子
2005年10月试编2006年06月改编
2007年04月改编 2008年11月改编
2010年9月静谧书屋收藏整理于360 图书馆
（为了让更多网友学用html代码制作音画贴，欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）
',1)">
原创编辑：游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
（为了让更多网友学用html代码制作音画贴，本贴欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）
初步认识一下HTML代码
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．
可以在这个软件上编辑和浏览显示代码效果成功与否？
◇ 击点打开html代码浏览器 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可打开来粘贴运行代码．
◇ 击点打开空白网页 然后加到收藏夹，再剪切粘贴在学习代码文件夹中，
可用来检查网页、图片、音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签：
⑴ 文字标签．⑵ 表格标签．⑶ 图框标签．⑷ 贴图标签．⑸ 贴Flash动画标签．
⑹ 移动标签．⑺ 音乐标签．⑻ 链接标签．⑼ 定位标签．⑽ 各种常用代码．
学会使用上述标签, 就可以动手编辑一张完整的音画贴，做一张网页来玩一玩．
◇ 击点打开html代码浏览器◇
欢迎您！启步学代码。
（原创制作:游子。 供初学HTML代码的朋友参考） 为了做到“老有所学，老有所为，老有所乐”，因此，玩电脑上网学习代码贴图成为我晚年生活的一个主要内容。 2005年11月起我把从黑马,白云等老师学习到的一些HTNL知识,编写成"欢迎您!启步学代码。”的学习心得,并在古曲论坛、影画世界、中年人生和智慧之家等网站发表，另外还有一些网友在四十多个网站（论坛和个人主页）上转载，受到许多代码初学者喜爱和好评。我的文化水平较低，又不懂英文，编写这些东西是个人自学心得,不是教材，错误之处在所难免，请大家批评指正
汇编目录 ◆01:认识一下HTML代码
◆02:文字设制代码
◆03:学习表格设置 打好做贴基础◆04:学习表格标签做颜色背景图框
◆05:学做图片背景的图框
◆06:贴图标签的基本代码
◆07:用代码制作图片羽化效果◆08:趣味的移动标签
◆09:贴FLASH-动画图片的方法
◆10:网页插入音乐的方法
◆11:学习HTML代码做音画贴
◆12:定位插入的各种代码
◆13:如何使用绝对定位加叠法
◆14:调用CSS语句修饰图片边框
◆15:如何用代码编辑特效文字
◆16:如何编辑竖排文字◆17:如何使用三合一图框
◆18:用代码为相片加相框的方法
◆19:如何做空间贴和超链接
◆20:音画贴编辑小平台
◇ 击点打开html代码浏览器◇
原创编辑：游子
2005年10月试编2006年06月改编
2007年04月改编 2008年11月改编
2010年9月静谧书屋收藏整理于360 图书馆
（为了让更多网友学用html代码制作音画贴，欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）
',1)">
原创编辑：游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
（为了让更多网友学用html代码制作音画贴，本贴欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）