中财网风险分析师考试:新手学HTML代码的简易方法
来源：百度文库 编辑：中财网 时间：2024/04/28 06:23:18
★ 新手学HTML代码的简易方法 ★
（游子学习笔记。 供初学的朋友参考）
如何快速入门学代码
做音画贴有三种方法：①用HTML代码手工编辑，②网页软件制作，③图像处理软件做大图后用代码编贴。不论那一种方法，都必须采用HTML标签，才能发表见效果。因此，可以从学习HTML标签入门，先接触感性知识，有一定基础后，再去看HTML教材，就迎刃而解了。
先来做个小实验吧！
（一）在自己的电脑新建一个文件夹，随便命名为”学代码“。
（二）文件夹内存放若干本记事本，作保存代码专用。
（三）复制下面文件框中的代码。
（四）将代码粘贴到空白记事本中，关闭保存并命名为："iw101.htnl"。
（五）打开“iw101.htnl”文档，进行如下操作：
点击记事本左上角的［文件］
在下拉菜单中选”另存为“。
在弹出的另存为窗框文件名填入："aw201.htnl" 。
在弹出的另存为窗框保存类型一栏选择"所有文件"。
最后点击[保存]按钮，网页立即存在“学代码”文件夹中。
（六）打开刚才做的aw201.htnl网页，可以看见如下效果：
套用代码，学做音画贴。
这张空白网页（图框），是用居中、表格、和文字等标签编成的，并且做成可在本机链接的文件。如果增加贴图和播放器等标签，就可编成有图片，文字和音乐的音画贴了。
再来练习复制代码套用标签
（一）复制上面文件框中的代码。
（二）将代码粘贴到下面“HTML代码编辑练习框”中。
（三）点击HTML代码编辑练习方框的［运行代码］。浏览后关闭。
（四）修改一些代码参数。方法：用鼠标将要修改的字符刷黑，
按键盘删除键，输入新字符。提示注意：要使用英文输入法。
（五）试进行以下修改操作：
表格宽度width="700"改为width="900"
表格高度height="400"改为 height="500"
背景颜色bgcolor="#FFFFF4"淡黄，改为bgcolor="#006000"黄色。
将标题文字改为另一种文字内容。
运行代码，如果成功，按上面实验操作方法存档。
HTML代码编辑练习方框
试做可以上网的音画贴
试用定位、表格、行、列、贴图、文字和播放器等七种标签，做一张可以在网络媒体发表的音画贴，供朋友们练习参考，代码如下：
（一）复制上面音画贴代码。
（二）将代码粘贴到上面“HTML代码编辑练习框”中。
（三）击点［运行代码］，浏览效果，
（四）再将代码粘贴到一空白记事本后，关闭保存命名为“iwt01.txt"。
（五）因免费上传空间关紊，文件名后辍定为txt格式。
（六）打开可以上传txt文件的网站， 一网论坛音画TXT上传
（七）在上传文件栏击点［浏览］
（八）从“学代码‘文件夹中选出"iw201.txt"文件。击点［上传］。
（九）上传成功，出现如下文件地址，复制下来备用。
http://up.gz1w.com/200909/7cf35bdf8de746cfdcd16598e636eae3.txt
（十）音画贴在网络发布的方法：
第一 可以将文件地址，用电子邮箱、论坛短信或QQ等发送。例如：
请您欣赏［祈祷在心中］
http://up.gz1w.com/200909/7cf35bdf8de746cfdcd16598e636eae3.txt
第二 用超链接标签在论坛或博客发表。
超链接标签代码模式：
说明文字
超链接标签代码实例：
超链接标签代码效果显示：
祈祷在心中
第三 有一些论坛可以直接发表运行这种网页贴，代码如下：
复制代码粘贴到上面“HTML代码编辑练习框”中,运行代码浏览效果。
如何套用标签做音画贴，经过以上实验和练习，有一些初步认识。但是，只知其然还不知其所以然。同时套用标签不是单纯死搬硬套，要有自创。因此，对HTML标签的内容及具体使用方法，必须进一步学习。
原创编辑：游子 于广东省汕头市
2006年6月试编 2009年10月改编 （为了让更多网友学用html代码制作音画贴，本贴欢迎转载，但必须注明出处．我用了很多时间和精力编写此贴，转载时请不要更改原创名字。）
（游子学习笔记。 供初学的朋友参考）
如何快速入门学代码
做音画贴有三种方法：①用HTML代码手工编辑，②网页软件制作，③图像处理软件做大图后用代码编贴。不论那一种方法，都必须采用HTML标签，才能发表见效果。因此，可以从学习HTML标签入门，先接触感性知识，有一定基础后，再去看HTML教材，就迎刃而解了。
先来做个小实验吧！
（一）在自己的电脑新建一个文件夹，随便命名为”学代码“。
（二）文件夹内存放若干本记事本，作保存代码专用。
（三）复制下面文件框中的代码。
套用代码，学做音画贴。 |
（四）将代码粘贴到空白记事本中，关闭保存并命名为："iw101.htnl"。
（五）打开“iw101.htnl”文档，进行如下操作：
点击记事本左上角的［文件］
在下拉菜单中选”另存为“。
在弹出的另存为窗框文件名填入："aw201.htnl" 。
在弹出的另存为窗框保存类型一栏选择"所有文件"。
最后点击[保存]按钮，网页立即存在“学代码”文件夹中。
（六）打开刚才做的aw201.htnl网页，可以看见如下效果：
套用代码，学做音画贴。
这张空白网页（图框），是用居中、表格、和文字等标签编成的，并且做成可在本机链接的文件。如果增加贴图和播放器等标签，就可编成有图片，文字和音乐的音画贴了。
再来练习复制代码套用标签
（一）复制上面文件框中的代码。
（二）将代码粘贴到下面“HTML代码编辑练习框”中。
（三）点击HTML代码编辑练习方框的［运行代码］。浏览后关闭。
（四）修改一些代码参数。方法：用鼠标将要修改的字符刷黑，
按键盘删除键，输入新字符。提示注意：要使用英文输入法。
（五）试进行以下修改操作：
表格宽度width="700"改为width="900"
表格高度height="400"改为 height="500"
背景颜色bgcolor="#FFFFF4"淡黄，改为bgcolor="#006000"黄色。
将标题文字改为另一种文字内容。
运行代码，如果成功，按上面实验操作方法存档。
HTML代码编辑练习方框
试做可以上网的音画贴
试用定位、表格、行、列、贴图、文字和播放器等七种标签，做一张可以在网络媒体发表的音画贴，供朋友们练习参考，代码如下：
（一）复制上面音画贴代码。
（二）将代码粘贴到上面“HTML代码编辑练习框”中。
（三）击点［运行代码］，浏览效果，
（四）再将代码粘贴到一空白记事本后，关闭保存命名为“iwt01.txt"。
（五）因免费上传空间关紊，文件名后辍定为txt格式。
（六）打开可以上传txt文件的网站， 一网论坛音画TXT上传
（七）在上传文件栏击点［浏览］
（八）从“学代码‘文件夹中选出"iw201.txt"文件。击点［上传］。
（九）上传成功，出现如下文件地址，复制下来备用。
http://up.gz1w.com/200909/7cf35bdf8de746cfdcd16598e636eae3.txt
（十）音画贴在网络发布的方法：
第一 可以将文件地址，用电子邮箱、论坛短信或QQ等发送。例如：
请您欣赏［祈祷在心中］
http://up.gz1w.com/200909/7cf35bdf8de746cfdcd16598e636eae3.txt
第二 用超链接标签在论坛或博客发表。
超链接标签代码模式：
说明文字
超链接标签代码实例：
超链接标签代码效果显示：
祈祷在心中
第三 有一些论坛可以直接发表运行这种网页贴，代码如下：
复制代码粘贴到上面“HTML代码编辑练习框”中,运行代码浏览效果。
如何套用标签做音画贴，经过以上实验和练习，有一些初步认识。但是，只知其然还不知其所以然。同时套用标签不是单纯死搬硬套，要有自创。因此，对HTML标签的内容及具体使用方法，必须进一步学习。
原创编辑：游子 于广东省汕头市
2006年6月试编 2009年10月改编 （为了让更多网友学用html代码制作音画贴，本贴欢迎转载，但必须注明出处．我用了很多时间和精力编写此贴，转载时请不要更改原创名字。）
学HTML代码有前途吗?
Html代码转换成JSP代码方法
博客的HTML代码怎么编辑?编辑了会怎么样,我新手
网页背景的html代码？
html代码的问题
HTML代码的问题
IE7的简易安装方法！！！
减轻鼻炎的简易方法
求和面的简易方法
问几种做简易便当的方法？
想学HTML代码应该怎么入手？
如何编html代码？跪求方法
哪里有简易的HTML在线编辑器下载？
FLASH的HTML代码是什么？
谁知道 html 的 隐藏 代码
关于html代码的问题！
关于HTML代码的问题？
html JS代码的问题？？？
HTML网页代码的问题
空格的HTML代码是什么？~
关于HTML代码的问题
关于HTML代码的问题
HTML代码是干什么的？
HTML格式的聊天室代码