自学html代码,新手学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"文件。击点［上传］。

(九)上传成功，出现如下文件地址，复制下来备用。

(十)音画贴在网络发布的方法：

第一　可以将文件地址，用电子邮箱、论坛短信或QQ等发送。例如：

请您欣赏［祈祷在心中］

第二　用超链接标签在论坛或博客发表。

超链接标签代码模式：

说明文字

超链接标签代码实例：

超链接标签代码效果显示：

祈祷在心中

第三　 有一些论坛可以直接发表运行这种网页贴，代码如下：

复制代码粘贴到上面“HTML代码编辑练习框”中，运行代码浏览效果。

如何套用标签做音画贴，经过以上实验和练习，有一些初步认识。但是，只知其然还不知其所以然。同时套用标签不是单纯死搬硬套，要有自创。因此，对HTML标签的内容及具体使用方法，必须进一步学习。