注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

暗香驿站

前生,你在我的眼睛里;今生,你在我的牵挂里;来生,你在我的血肉里。

 
 
 

日志

 
 
关于我

寒山几堵,风低削碎中原路。秋空一碧无古今,醉袒貂裘,略记寻呼处。男儿伸手和谁赌!老来猛气还轩举,人间多少闲狐兔,月黑沙黄,此际偏思汝!春水东流几轮回,千古名月梦中垂!铁骨铮铮自傲雪,暗香涌动品自高!

网易考拉推荐

【转】初步认识一下HTML代码  

2010-06-02 22:50:37|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)


初步认识一下HTML代码

    HTML是一种用来制作超文本文档的简单标记语言,与普通文档不同,它可以加入文字、图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接,通过WWW浏览器显示出效果。它的特点是用一对小尖括弧(“<  和  >")作为标签。所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。而且大部份是成对的双标签,即首标签和尾标签。
  HTML代码是标签语言.不是程序语言.一张音画贴,是用若于条文字、表格、定位、移动和链接等HTML标签编辑而成的,因此,学习HTML代码就要学会使用HTML标签.


html标签基本模式:

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

<CENTER>啦啦!我的位置是居中.</CENTER>

显示结果:   

啦啦!我的位置是居中.



  一条标签有多条指令时,除标签名称外还要有各项属性内容与属值等多个语句.比如:
<标签名字 第一属性=参数 第二属性=参数.....>内容</尾标签>

  ◆标签属性内容可以有几个至十多个几十个不等.
  ◆标签属性内容必须与标签名称相关语句:如文字标签应用字体、字号和颜色等指令.表格标签应用宽度、高度、背景、边线厚度和边线颜色等指令.

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

  第一例子:文字标签.

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

<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>



显示结果:
网络世界

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

<font style=font:60pt face=隶书 color=ff0000>
网络世界
</font>

◇代码的第一行标签名  属性内容依次是:字号大小  什么字体 字的颜色
◇代码的第二行     文字内容
◇代码的第三行  尾标签
◇字号代码原是:size=1-7.这里用的是CSS样式定义字体:style=font: 可以最大限度地设置字号.
  如果在这组代码前面加一个移动始标签<marquee>,在后面加一个尾标签</marquee>,这4个字就能移动了。




  第二例子:移动标签.

<MARQUEE> <font face=隶书 style=font:60pt color=red>网络世界</FONT>
</MARQUEE>


显示效果:

网络世界

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




  第三例子:表格标签.

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

<TABLE width=500 height=260 bgColor=#00FF00 border=5 bordercolor="#0000ff">
<TR>
<TD>
</TD></TR></TBODY></TABLE>


  说明:
  ◆第一行代码是表格首标签,内有宽、高、背景和边线四个属性内容及属值.
  ◆第二行代码是表格的列.
  ◆第三行代码是表格的行,(1列和1行构成一个单元格).
  ◆第四行代码是表格的全部尾标签.

显示效果:






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

  凡事开头难,HTML代码有很多标签和语句,要记住是有些困难,我的笨办法是:
  ◇在我的电脑D区新建一个文件夹,命名为"学习代码".
  ◇在这个文件夹中新建若于本空白记事本,存放HTML代码模式(HTML标签),备用.
  ◇对一些常用的HTML标签,先反复在本机上练习,后再到论坛试贴.
  ◇安装微软的办公软件officre中的网页制作软件:Microsoft frontpage 2003.
   可以在这个软件上编辑和浏览显示代码效果成功与否?
  ◇ 击点打开html代码浏览器 然后加到收藏夹,再剪切粘贴在学习代码文件夹中,
   可打开来粘贴运行代码.
  ◇ 击点打开空白网页 然后加到收藏夹,再剪切粘贴在学习代码文件夹中,
   可用来检查网页、图片、音乐和Flash等文件地址是否有效.

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

  ⑴ 文字标签.⑵ 表格标签.⑶ 图框标签.⑷ 贴图标签.⑸ 贴Flash动画标签.
  ⑹ 移动标签.⑺ 音乐标签.⑻ 链接标签.⑼ 定位标签.⑽ 各种常用代码.

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

击点打开html代码浏览器

2010年06月02日 - 暗香 - anxiang1223 的博客
  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)




  评论这张
 
阅读(69)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017