引用 [原创]HTML网页代码入门速成 2- 成靖的日志 - 网易博客

引用 [原创]HTML网页代码入门速成

学习代码 2009-06-01 07:49:04 阅读2 评论0 字号：大中小

引用

沧海 的 [原创]HTML网页代码入门速成
HTML代码入门速成：

     关于html：（hyper text mark-up language）

     是一种文档结构的标记语言（又叫超级文本），它使用约定的标记对页面上各种信息（文字、声音、图形、图像、视频等）、格式以及超级链接进行描述。当用户浏览器打开这些信息时，会自动解释这些标记的含义，并将其显示为用户在屏幕上所看到的网页。这种用html编写的网页又称为html文档。

     学习用途：早期用来编网页的，虽然它号称世上最简单的代码（都不能称上是程序），后来还是因为不直观被高效率的工具编辑软件所替代了。但因为其是网页标准语言之一，至今很多地方可以应用，比如一些论坛上就会注有支持HTML代码,因此我写下此贴，希望对不会的朋友使用这些标签代码有所帮助！

     基本格式：<标签>内容

         说明：不同标签会产生不同效果，如：你好，那就是把你好文字加粗，如：你好就是把你好两个字倾斜。

     可以嵌套：<标签A><标签B><标签C>内容 注：注意顺序，像小括号中括号大括号一样套着用。

         说明：一段文字可以注上多个标记，如：你好，这样的结果就是浏览器打开后，看到你好两个字是加粗且倾斜且带下划线。

     测试方法：

          打开我们的附件里的记事本，把自己想测试的代码写在记事本上，然后保存时请注意，文件类型不要选为“文本文档”，然选择“所有文件”，然后在文件名上加上.html，如：test.html。存好后，直接双击打开此文件，就自动会启动你的浏览器来观看你的代码效果。

     常用代码：（记不得可以复制套用）

     一：字体格式代码：

       1.字体标签 文字内容

         a.字体大小：文字内容  注：size取值范围是1～7，数字愈大字也愈大。

         b.指定字型：文字内容 

           注：字体名称常用：宋体、黑体、楷体等(如果标上你电脑里没有的字体，则以电脑默认字体显示)

         c.文字颜色：文字内容   //＃000000是纯黑色，＃ffffff是纯白色

           注：关于彩色代码，可以利用联众论坛发贴编辑区里的修改文字颜色后来获取自己喜欢颜色的16进制代码。
    
         d.文字加粗：文字内容。

         e.文字倾斜：文字内容。

         f.字下划线：文字内容。

      示例：我想把文字颜色设为：蓝色，字体：隶书，字号：5，并且加粗，写上如下代码就行。

      文字内容

     二：段落排版代码：

       1.换行标签：
注：此标记为单独使用,不需要用
来结尾。

       2.分段标签：

注：是另起一新段落，如：

新段内容

。

       3.空格标签：  注：这个不用尖括号，需要用时直接贴上。

       示例：你   好。 这样的效果就是你    好。不使用这个代码，无论你空多少格，网页最多显示出一个空格。

       4.对齐方式：（参照相对于页面，内容可以是文字、图片或动画）

         a.左对齐：内容 注：这是默认值，左对齐不需要用标签注明。

         b.居中对齐:

内容

         c.右对齐：内容

     三：动态文字代码：（没注明的自动显示默认值）

       1.文字移动标签：滚动文字内容
   
         a.调速代码：滚动文字 注：1为最小值速度为最慢；数字越大移动的越快。

         b.延迟代码：滚动文字 注：这是字符移动每步的延时，1为最小值，1000＝1秒。

         c.对齐方式：滚动文字 注：up向上、down向下、left向左、right向右。

         d.移动方式：滚动文字 注：scroll是文字单向移动，side是移动到边界停止，alternate是到边界后反向移动。
 
         e.循环次数：滚动文字 注：移动字符的循环2次，属性值为数字，若未指定则循环不止。

         f.高度宽度：滚动文字 注：width是文字宽度，height是文字高度，以象素为单位。

         g.缩进设置：滚动文字  注：字符左右留空白长度，属性值为数字。

      示例：啦啦啦，我走一步，停一停！

     四：图片显示代码：

       1.插入图片标签： 注：正常支持的图片格式为jpg,jpeg,gif,png。

       2.设定图框标签： 注：border=线框粗细像素点数，不用默认为没有边框

       3.设定图形大小： 注：不设默认图片原来大小

       4.设定图形上下左右留空：

       5.图形附注： 注：当鼠标指向图片时，显示说明文字，不设默认没有。

       6.制作背景图片：

      示例：http://upload.ourgame.com/bbs/upfile/2009/1/31/20090131110852wdmc8.gif" border=2 alt="能看到我吗？">

     五：移动图片代码：（其实就是把三和四的代码综合应用）

       1.  注：想放多个图片，就按此格式在中间插入。

      示例：http://upload.ourgame.com/bbs/upfile/2009/1/31/20090131110852wdmc8.gif">>

     六：声音播放代码：

       1. 

       注：loop是循环次数，这种背景音乐格式代码，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格式的音乐。

      示例：http://202.107.225.9/NetTv/music/mp3/大海.mp3" loop=10>

     七：动画显示代码：

       1.

       注：宽度和高度值填入数字，以像素为单位。

      示例：http://upload.ourgame.com/bbs/upfile/2009/3/29/20090329154616zixing393278.swf"width="540" height="100">

     八：超级链接代码：（如果需要别人点击你的文字或图片后打开一个新的网页面就看下面）

       1.需要加入链接的文字或图片代码

       2.需要加入链接的文字或图片代码

       注：2代码增加了target="_blank"代码的意思是在创建一个新窗口打开指定页面！而1代码是在原有窗口中载入页面。

      示例：http://bbs.ourgame.com/bbs_look.asp?Subject_ID=107&BBS_ID=20081102124445&bPage=1" target="_blank">点此打开透明FLASH素材大全

   
     九：实用代码：（重要！）

       1.让FLASH动画背景透明代码：

       注：width=550 height=400 为动画宽高的数值，可自行调节； style="LEFT: 10px;　LEFT可改为右面RIGHT，10px是距离边框的距离10像素，是可调整数字；absolute; TOP: -70px"是距离顶部的距离，可调整数字。

       1.层代码：

这里可以放别的代码，如文字或图片或动画的代码

       注：这个代码可以让你放入层中的文字、图片或动画和原来页面上的其它内容位置相互重叠，像设计软件中的图层一样！可以修改的值分别是left、top（分别对应x和y坐标离页面顶部和左部的距离），还有width、height是层的大小，最后:Z轴（也称为堆叠顺序）可以通过它的值来设定位置有重叠的多个层对象的上下叠放次序。

      综合示例：要把一个FLASH动画放到层中，并且让此FLASH的背景透明化。

     

     备注：现在早就没有人用语言来编写网页了，我也只是把常用和实用的代码用法注解下，希望对网友编辑博客或QQ空间有所帮助，如果需要了解HTML全部代码，请自己在网上搜下，如果你看完本贴，相信其它HTML代码也会运用自如！

    

引用 [原创]HTML网页代码入门速成 2- 成靖的日志 - 网易博客 引用 网页代码 2- 成靖的日志 - 网易博客 引用 网页代码 - 成靖的日志 - 网易博客 引用 常用HTML代码速查表 2- 成靖的日志 - 网易博客 引用 常用HTML代码速查表 - 成靖的日志 - 网易博客 (原创)HTML代码总汇 - 平儿的日志 - 网易博客 引用 网页代码素材基地 - 成靖的日志 - 网易博客 引用 网页代码素材基地3 - 成靖的日志 - 网易博客 引用 html编辑器+语法 - 成靖的日志 - 网易博客 引用 很有用的健康宝库代码（原创） - 成靖的日志 - 网易博客 引用 博客网页工具 - 成靖的日志 - 网易博客 引用 引用 韩国最新Flash及代码[2] - 成靖的日志 - 网易博客 引用 MSN代码搜集 - 成靖的日志 - 网易博客 引用 启步学代码 - 成靖的日志 - 网易博客 引用 代码共享区 - 成靖的日志 - 网易博客 引用 边框代码注解 - 成靖的日志 - 网易博客 引用 [原创]重识玄奘 - 成靖的日志 - 网易博客 引用 [原创]法门传奇 - 成靖的日志 - 网易博客 引用 函谷关【原创摄影】 - 成靖的日志 - 网易博客 引用 （原创）夕阳红 - 成靖的日志 - 网易博客 引用 荷花1[原创] - 成靖的日志 - 网易博客 引用 [原创]枫红媚山头 - 成靖的日志 - 网易博客 引用 [原创]夕阳红 - 成靖的日志 - 网易博客 引用 [原创]图解人生 - 成靖的日志 - 网易博客