微盘个人代理佣金多少:『音画教程』HTML初中级教程
来源:百度文库 编辑:中财网 时间:2024/10/05 12:48:50
『音画教程』HTML初中级教程 -更新 了很多播放器还有特效代码~!
HTML初级教程
html语言是一种标注语言,它是可以直接写出(不用软件)的,通过文字和标签的描述在论坛或网叶上显示的语言.所以学会了各种标签的用法,就是学会了html语言.
第一章:文字的插入
下面是一段贴文字的代码:
我们都是同学
显示效果为:
我们都是同学
先看懂这个代码:
font
做文字标签的专用元素,
color, face, size
描述文字形态的三大属性(见以下详细说明)
/font
表示贴文字结束,俗称收尾.
写法说明:
元素前后加上小于号<和大于号>就组成了标签,
标签分开始和结束两种,元素前再加一条斜杠/就成了结束标签,
由开始标签 (如上面的) 内容(如上面的"我们都是同学") 结束标签(如上面的) 就组成了代码的三大要素.
属性就是专门用来描述内容元素的,他必须写在开始标签里(如上面的olor=ff00ff face=黑体 size=7)
写代码时,注意属性之间要有一个空格,不能多也不能少.
代码字母的大小写效果是一样的.
文字的三大属性就是专门用来描述文字的颜色,字体,大小的,下面分别介绍他们:
color=
颜色属性,用来描述文字的颜色,他的值可用英文颜色名称或十六进制数表示.(见附表)
face=
字体属性,用来描述文字的字体,他的值很多,我们看到的宋体,楷书,隶书,华文新魏,华文彩云等等都是,关键是只有你电脑里装有的字体才会显示.(自己电脑里有那些字体到控制面板里找"字体"即可知道)如没有,浏览器默认为宋体.
size=
大小属性,用来描述文字的大小,他的值1到7,7最大.(再大就要用CSS的方法了)
几个常用的对文字修饰的标签:
1.粗体字 对指定的文字加粗.
效果:.粗体字
2.斜体字 对指定的文字变斜.
效果:斜体字
3.下划线 在指定的文字下面划线.
效果:下划线
说明:这些标签不支持任何属性,所以它自己也没属性.每对标签只起一个特定作用,使用时只要在指定的文字前后分别加进开始,结束标签,这段文字就会显示你的指定.
在文章中加一条水平线的方法,如绿线:
代码:
效果::
width=
横向宽度,他可以绝对值,如360,也可以相对值,如80%.
color=
线条颜色.
文字的简单编排:
标准的论坛,必须用代码来控制文章的空行空格,
常用的有:
换行标签 (换行后不空行) 换行没有结束标签.
分段标签 (换行后再多空一行,段落结束后也再多空一行)
 
空格标签,多个空格用符号;隔开.
而用标签
有时可简单用标题代码
以下是H1的显示:
你好
附表:
第二章:图片的插入
下面是一段贴图片的代码:
显示效果为:
先看懂这个代码:
img
贴图片的专用元素,
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写图片地址.
width=
宽度属性,用于设定图片的宽度.
还有几个常用的属性:
border=
边框厚度,给图像加个框,这个框的颜色默认值是黑色.
height=
图片高度,除特殊需要一般不写为好,只写宽度,高度会按比例显示.(当然,有时需定高度,那就不写宽度,也一样比例正常) 宽和高都不写,则显示图片的原始尺寸.
align=
位置属性,指定图片安放的位置,他的值有:
top 靠上
absbottom 靠下,
left 靠左
right 靠右
center 居中
注:
1.这个位置属性可以不写,浏览器默认为靠左.
2.有的版本不识别align=center,那就将&*****ter>和放在图片代码两边,图片就居中了.
加框:
代码:
显示效果为:
居中:
代码:
&*****ter>
显示效果为:
取得图片地址的方法:
对准图片点右键,出现对话框(如下图),左键点属性,再双击地址涂蓝,最后复制.
现在很多取得的地址不能正常显示(发图者设置障碍)
只能下载后,再上传到你贴图的论坛或不设反盗链的论坛,取得新的图片地址,
下载图片的方法:对准图片点右键,出现菜单(上上图),左键点"图片另存为",出现对话框(下图).保存格式一般为jpg或gif.填上名称再点保存即可.
自己文档里的图片必须上传后取得地址才可用代码贴出.
上传方法:在上传框里点浏览,左键对准要上传的图片双击,把帖子发出即可,图片会以附件的形式出现.就有新的地址了.
给几个可上传的地址:
http://picsplace.to/index.php (可上传FLASH等,会直接给出地址)
http://adu.bbs.topzj.com/ (老试贴区,开放2048 kb)
第三章:移动的运用
下面是一段贴文字移动的代码:
显示效果为:
同学们好
先看懂这个代码:
marquee
这是移动的专用元素.
他的属性如下:
direction=
移动方向,值有:
up 向上移动,
down 向下移动,
left 向左移动,
right 向右移动,
注: 这个移动方向属性可以不写,浏览器默认为向左.
behavior=
移动方式,值有: scroll 不停的走; slide 只走一次
behavior=alternate
左右来回走,与direction不能同用.
width=
移动宽度.
height=
移动高度.
scrolldelay=
延时,延时一般设在80,延时数值大了,显示效果会跳跃式.
scrollamount=
移动速度,值从1开始越大越快.
(移动放到背景图上,因不能看到全部,常碰到定尺寸问题.
实际上你把移动看成一张图片,先定宽和高,再定放到背景图上的位置就容易些.)
来回移动:behavior=alternate
请大家试试,试了才能印象深刻
代码:
&*****ter>
移动还可以加入背景颜色或背景图,背景显示的范围就是移动设定的宽和高.
bgcolor:背景颜色属性.
background:背景图属性.
加背景颜色:bgcolor=#aaeeaa
请大家试试,试了才能印象深刻
代码:
&*****ter>
加背景图:style="background-image:url()"
)">请大家试试,试了才能印象深刻
代码:
&*****ter>)">请大家试试,试了才能印象深刻
注:用这个加背景图代码发帖时,一定要在 禁用 URL 识别 前打勾.
图片的移动:只要将上面的文字换成图片就可以了.其实只要将移动的起始和结束标签放在任何的两头,都可以动起来.
代码为:
第四章:音乐的插入
下面是一段贴音乐的代码:
效果就是我们听到的音乐(9NIGHTS OF BARCELONG 夜间巴塞罗那)
bgsound
内部媒体的专用元素,用他做的标签可以用来插入wav wma mid mp3等格式的音乐.
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写音乐地址.
loop=
播放次数的属性,值用自然数,无数次用"-1"或"infinite"来表示.
用bgsound做的标签不产生任何视觉效果.只播放音乐.
这个代码随便放哪里效果是一样的,建议单独放在表格外方便些.
也可用显示播放器的方法播放音乐:
',1)">
代码:
HTML初级教程
html语言是一种标注语言,它是可以直接写出(不用软件)的,通过文字和标签的描述在论坛或网叶上显示的语言.所以学会了各种标签的用法,就是学会了html语言.
第一章:文字的插入
下面是一段贴文字的代码:
我们都是同学
显示效果为:
我们都是同学
先看懂这个代码:
font
做文字标签的专用元素,
color, face, size
描述文字形态的三大属性(见以下详细说明)
/font
表示贴文字结束,俗称收尾.
写法说明:
元素前后加上小于号<和大于号>就组成了标签,
标签分开始和结束两种,元素前再加一条斜杠/就成了结束标签,
由开始标签 (如上面的) 内容(如上面的"我们都是同学") 结束标签(如上面的) 就组成了代码的三大要素.
属性就是专门用来描述内容元素的,他必须写在开始标签里(如上面的olor=ff00ff face=黑体 size=7)
写代码时,注意属性之间要有一个空格,不能多也不能少.
代码字母的大小写效果是一样的.
文字的三大属性就是专门用来描述文字的颜色,字体,大小的,下面分别介绍他们:
color=
颜色属性,用来描述文字的颜色,他的值可用英文颜色名称或十六进制数表示.(见附表)
face=
字体属性,用来描述文字的字体,他的值很多,我们看到的宋体,楷书,隶书,华文新魏,华文彩云等等都是,关键是只有你电脑里装有的字体才会显示.(自己电脑里有那些字体到控制面板里找"字体"即可知道)如没有,浏览器默认为宋体.
size=
大小属性,用来描述文字的大小,他的值1到7,7最大.(再大就要用CSS的方法了)
几个常用的对文字修饰的标签:
1.粗体字 对指定的文字加粗.
效果:.粗体字
2.斜体字 对指定的文字变斜.
效果:斜体字
3.下划线 在指定的文字下面划线.
效果:下划线
说明:这些标签不支持任何属性,所以它自己也没属性.每对标签只起一个特定作用,使用时只要在指定的文字前后分别加进开始,结束标签,这段文字就会显示你的指定.
在文章中加一条水平线的方法,如绿线:
代码:
效果::
width=
横向宽度,他可以绝对值,如360,也可以相对值,如80%.
color=
线条颜色.
文字的简单编排:
标准的论坛,必须用代码来控制文章的空行空格,
常用的有:
换行标签 (换行后不空行) 换行没有结束标签.
...
分段标签 (换行后再多空一行,段落结束后也再多空一行)
 
空格标签,多个空格用符号;隔开.
而用标签
和包起来的文字可保持书写的效果.
有时可简单用标题代码
你好
来描述字体大小.值1~6,1最大.以下是H1的显示:
你好
附表:
第二章:图片的插入
下面是一段贴图片的代码:
显示效果为:
先看懂这个代码:
img
贴图片的专用元素,
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写图片地址.
width=
宽度属性,用于设定图片的宽度.
还有几个常用的属性:
border=
边框厚度,给图像加个框,这个框的颜色默认值是黑色.
height=
图片高度,除特殊需要一般不写为好,只写宽度,高度会按比例显示.(当然,有时需定高度,那就不写宽度,也一样比例正常) 宽和高都不写,则显示图片的原始尺寸.
align=
位置属性,指定图片安放的位置,他的值有:
top 靠上
absbottom 靠下,
left 靠左
right 靠右
center 居中
注:
1.这个位置属性可以不写,浏览器默认为靠左.
2.有的版本不识别align=center,那就将&*****ter>和放在图片代码两边,图片就居中了.
加框:
代码:
显示效果为:
居中:
代码:
&*****ter>
显示效果为:
取得图片地址的方法:
对准图片点右键,出现对话框(如下图),左键点属性,再双击地址涂蓝,最后复制.
现在很多取得的地址不能正常显示(发图者设置障碍)
只能下载后,再上传到你贴图的论坛或不设反盗链的论坛,取得新的图片地址,
下载图片的方法:对准图片点右键,出现菜单(上上图),左键点"图片另存为",出现对话框(下图).保存格式一般为jpg或gif.填上名称再点保存即可.
自己文档里的图片必须上传后取得地址才可用代码贴出.
上传方法:在上传框里点浏览,左键对准要上传的图片双击,把帖子发出即可,图片会以附件的形式出现.就有新的地址了.
给几个可上传的地址:
http://picsplace.to/index.php (可上传FLASH等,会直接给出地址)
http://adu.bbs.topzj.com/ (老试贴区,开放2048 kb)
第三章:移动的运用
下面是一段贴文字移动的代码:
显示效果为:
同学们好
先看懂这个代码:
marquee
这是移动的专用元素.
他的属性如下:
direction=
移动方向,值有:
up 向上移动,
down 向下移动,
left 向左移动,
right 向右移动,
注: 这个移动方向属性可以不写,浏览器默认为向左.
behavior=
移动方式,值有: scroll 不停的走; slide 只走一次
behavior=alternate
左右来回走,与direction不能同用.
width=
移动宽度.
height=
移动高度.
scrolldelay=
延时,延时一般设在80,延时数值大了,显示效果会跳跃式.
scrollamount=
移动速度,值从1开始越大越快.
(移动放到背景图上,因不能看到全部,常碰到定尺寸问题.
实际上你把移动看成一张图片,先定宽和高,再定放到背景图上的位置就容易些.)
来回移动:behavior=alternate
请大家试试,试了才能印象深刻
代码:
&*****ter>
移动还可以加入背景颜色或背景图,背景显示的范围就是移动设定的宽和高.
bgcolor:背景颜色属性.
background:背景图属性.
加背景颜色:bgcolor=#aaeeaa
请大家试试,试了才能印象深刻
代码:
&*****ter>
加背景图:style="background-image:url()"
)">请大家试试,试了才能印象深刻
代码:
&*****ter>)">请大家试试,试了才能印象深刻
注:用这个加背景图代码发帖时,一定要在 禁用 URL 识别 前打勾.
图片的移动:只要将上面的文字换成图片就可以了.其实只要将移动的起始和结束标签放在任何的两头,都可以动起来.
代码为:
第四章:音乐的插入
下面是一段贴音乐的代码:
效果就是我们听到的音乐(9NIGHTS OF BARCELONG 夜间巴塞罗那)
bgsound
内部媒体的专用元素,用他做的标签可以用来插入wav wma mid mp3等格式的音乐.
src=
指定地址(url)的专用属性,在这个标签里他的内容只能写音乐地址.
loop=
播放次数的属性,值用自然数,无数次用"-1"或"infinite"来表示.
用bgsound做的标签不产生任何视觉效果.只播放音乐.
这个代码随便放哪里效果是一样的,建议单独放在表格外方便些.
也可用显示播放器的方法播放音乐:
',1)">
代码:
CoffeeCup HTML Editor 教程
CoffeeCup HTML Editor 2006教程
谁有HTML的教程?
谁有html在线视频教程
从那个网站可以找到HTML教程???
谁会HTML语言教程--最基本的
谁知道哪里有html高级教程
怎么找html和uml英文教程
谁有Microsoft HTML Help Workshop教程??????
哪里有校园舞蹈教学-初中教程
请问在哪里可以下载到html语言教程的频频教程
知道哪有HTML的教程下吗?
html网页制作教程谁有,视频的
哪里有关于HTML编辑教程的电子书可以下载?
哪里有自动生成html页面的教程?
在网上 哪里有好的HTML教程 ??
急求CoffeeCup HTML Editor 的教程或使用方法
哪里有学编写html 编码的教程下载啊?
求doc格式或真是pdf格式的html教程
哪里有详细介绍html语言的教程啊
html 教程中出现的netscape only是什么意思?
哪有html高级教程下载或能看也行!
网上什么地方有关于HTML语言的教程?
请问哪里有html的文法定义 写解析器用,不是要html教程,多谢