奇葩新闻图片:学习代码,新手试贴之一(初识 HTML代码)

来源:百度文库 编辑:中财网 时间:2024/05/08 01:52:20
欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)
初步认识一下HTML代码
HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“<  和  >")作为标签。所谓标签,就是它采用一系列的指令符号来控制输出的效果,这些指令符号用“<标签名称 属性 ="属值">”来表示。而且大部份是成对的双标签,即首标签和尾标签。
HTML代码是标签语言.不是程序语言.一张音画贴,是用若干条文字、表格、定位、移动和链接等HTML标签编辑而成的,因此,学习HTML代码就要学会使用HTML标签.
html标签基本语法:
只有一个属性内容(指令)的标签:
有多个属性内容(指令)的标签:
对标签的理解:
◆当浏览器阅读到<时,知道要用html语法来解读和执行里面指令.
◆标签名称比如:font=文字;TABLE=表格.要求进行文字或表格设置.
◆属性内容比如:文字标签的face=字体;表格标签的WIDTH=宽度.
◆属值是具体设置比如:文字字体face=隶书;表格宽度WIDTH=500.
◆首标签是要系统开始执行某种指令,尾标签是指令执行结束.
◆有一些只有名称的标签,系统会自动执行默认的属性内容和属值.
◆html标签行内还可套用css样式表语句,来获得一些特殊效果.
用实际例子来理解HTML标签的作用和效果。
第一例子:font文字标签.
我们要在页面上显示“网络世界”四个红色隶字,就必须用文字标签.下面就是文字设置代码。
显示结果: 网络世界
这组文字设置代码在网络世界上面的是“始标签”,在网络世界下面的是“尾标签”(也有叫围堵标签)。始标签有一个标签名字和三个属性内容。尾标签在标签名字前加一斜杆即可,不用标记属性内容。
◇代码的第一行标签名  属性内容依次是:字号大小  什么字体 字的颜色
◇代码的第二行     文字内容
◇代码的第三行  尾标签
(如果在这组代码前面加一个移动始标签,在后面加一个移动尾标签,这4个字就能移动了。)
MARQUEE移动标签名称
第二例子:MARQUEE移动标签.
在文字标签前面加一条移动标签,文字就会移动了.例如:

网络世界

显示效果:
网络世界
◆MARQUEE移动标签名称。
◆移动标签只有名称,没有其他属性内容时,系统默认从右向左走。
◆如果要改变移动方向和速度,必须在移动标签中增加属性内容和属值。
TABLE表格标签名称
第三例子:TABLE表格标签.
制作网页或音画贴,都要用到表格标签来设置图框﹑定位文字显示范围等.例如做一张宽700高300蓝色边框鲜绿色背景图框,代码如下:




显示效果:
说明:
◆第一行代码是首标签,内有宽、高、背景和边线四个属性内容及属值.
◆第二行代码是表格的列首标签.
◆第三行代码是表格的行首标签,(1列和1行构成一个单元格).
◆第四行代码是表格的全部尾标签.
◆一张图框必须有表格、列和行标签组成.
新手如何启步学习HTML代码。
凡事开头难,HTML代码有很多标签和语句,要记住是有些困难,我的笨办法是:
◇在我的电脑D区新建一个文件夹,命名为"学习代码".
◇在这个文件夹中新建若干本空白记事本,存放HTML代码模式(HTML标签),备用.
◇对一些常用的HTML标签,先反复在本机上练习,后再到论坛试贴.
◇先 击点打开html代码浏览器 然后加到收藏夹,再剪切粘贴在学习代码文件夹中,可打开来编辑或粘贴代码,浏览效果.
◇有兴趣的话还可安装微软的办公软件officre中的网页制作软件:Microsoft frontpage 2003.可以在这个软件上编辑和浏览显示代码效果.
【软件下载地址http://www.05sun.com/down/5296.html】
◇ 击点打开空白网页 然后加到收藏夹,再剪切粘贴在学习代码文件夹中,可用来检查网页、图片、音乐和Flash等文件地址是否有效.
启步学习代码入门先学习下面十条标签:
⑴ 文字标签.⑵ 表格标签.⑶ 图框标签.⑷ 贴图标签.⑸ 贴Flash动画标签.
⑹ 移动标签.⑺ 音乐标签.⑻ 链接标签.⑼ 定位标签.⑽ 各种常用代码.
学会使用上述标签, 就可以动手编辑一张完整的音画贴,做一张简单的个人网页来玩一玩.
代码编辑即学即用练习框
练习方法:
◆完整地复制上面要学习的代码.
◆将代码粘贴到编辑练习框中.
◆修改各种属性内容的属值,比如字体,字号和文字颜色的代码等等.
◆修改文字内容,文字可以单行,也可多行.
◆运行代码,如果成功了,就将修改后的代码复制下来,试用回复的方式发表.
◆如果编辑练习出错或要重新练习,可以用鼠标将代码刷黑后击键盘删除键清除重来.
◆键盘删除键[Delete]位于键盘中间和最下方左右.
原创编辑:游子
2005年10月试编2009年3月改编
(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请维护网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)