#=disc,circle,squre如:2有序列表- ………..
例:- today
- tommorow
#=A(大写字母顺序),a(小写字母顺序),I(罗马大写字母顺序),i(罗马小写字母顺序),1(数字顺序)如:ONE-ONEONE-TWOONE-ONEONE-TWOONE-ONEONE-TWOONE-ONEONE-TWO定制有序列表表中的序号的起始值#=numberone-one- one-two
one-one- one-two
3定义列表(definitionlists)- …..
- …….
例:- today
- todaywillbeyesterday!
- tommorow
- tommorowwillbetoday!
预格式化文本(preformattedtext)……………,在其中的内容会原封不动的(一般是文本)按照预先编排的格式在浏览器中显示出来。预格式文本一般用在一些特殊场合。如一首诗歌、程序、代码、一般是按照原先设计的格式显示。而不希望被插入换行符等。这时就可使用…….
。如:pleaseputyourheartintolessons!OK?Thereistwoadvantages!
第三章图像标记(imagetags)基本语法:基本参数:src指明图像文件的文件名及路径名。Width指明图像的显示宽度(n)Height指明图像的显示高度(n)Alt在非图像环境下显示的替代文本Align指明图文混排时的显示效果(top,middle,bottom,left,right,center)Vspace,hspace设置图像周围与文本的空隙Border例:12Aboy!Aboy!Aboy!3aboyface!
itisalways
smiling
hahaha
4aboyface!
itisalways
smiling
hahaha
5aboyface!
itisalwayssmiling
hahaha
6aboyface!
itisalways
smiling
hahaha
7第四章表格标记(tabletags)简单介绍与范例基本结构:
表的标题| 列的标题 |
第一行| 数据单元 | ,……..
第二行…………………
带边框的表格:例:| name | age | male/female |
|---|
| smith | 25 | male |
不带边框的表格:| name | age | male/female |
|---|
| smith | 25 | male |
跨多行、多列的表元的设置1跨多列的表元或moringmenu
| food | drink | sweet |
| A | B | C |
2跨多行的表元或morningmenu| food | A |
| drink | B |
|---|
| sweet | C |
表格的尺寸设置例:| name | age | male/female |
|---|
| smith | 25 | male |
设置表元间隙:调整浏览器为单元之间所留的空白,从效果上看,是分隔单元的边界的宽度。| name | age | male/female |
|---|
| smith | 25 | male |
设置表元内部空白:调整单元边界与单元内容之间空白如:| name | age | male/female |
|---|
| smith | 25 | male |
设置表格内元素的对齐方式和布局方式1水平方向#=rightleftcentername | age | male/female | smith25male
2垂直方向:#=top,middle,bottom,baseline例:| name | age | male/female | smith25male
表格在页面中的对齐方式或布局方式#=left,center,right| name | age | male/female |
|---|
| smith | 25 | male |
Myfavorites…..
cookies,chocolates,andmore
fooddrinksweet设置表格与文字之间的空隙(只适用于netscape浏览器)#为表格与文字之间的空隙值。例:| name | age | male/female |
|---|
| smith | 25 | male |
Myfavorites…..
cookies,chocolates,andmore
fooddrinksweet表格的标题……..#=left,center,right水平方向标题居左,居右,居中例:profileofsmith| name | age | male/female |
|---|
| smith | 25 | male |
……..#=topbottomprofileofsmith| name | age | male/female |
|---|
| smith | 25 | male |
表格进阶表格的色彩1表元的背景色和背景图像设置表格的背景颜色设置表格的前景图像例:nameagemale/female
2表格的边框颜色| name | age | male/female |
|---|
| smith | 25 | male |
3表格边框颜色的亮度控制表格的前景亮度表格的背景亮度| name | age | male/female |
|---|
| smith | 25 | male |
表格的分组显示(structuredtable)按行分组………………表的题头(header)……………..表的正文(body)……………….表的脚注(footer)例:| name | age | male/female |
|---|
| smith | 25 | male |
| rose | 25 | female |
按列分组#=left,right,center例:| name | age | male/female |
|---|
| smith | 25 | male |
| rose | 25 | female |
列的属性控制#从左数起,具有指定属性的列数bordercolordark=maroon
#=left,right,left例:| name | age | male/female |
|---|
| smith | 25 | male |
| rose | 25 | female |
表示中边框的显示显示所有的4个边框例:| name | age | male/female |
|---|
| smith | 25 | male |
| rose | 25 | female |
只显示上边框只显示下边框只显示上下边框只显示左右边框只显示左边框只显示右边框不显示任何边框表格中分隔线的显示显示所有的分隔线显示组与组的分隔线只显示行与行之间的分隔线只显示列与列之间的分隔线不显示任何的分隔线例:
| name | age | male/female |
|---|
| smith | 25 | male |
| rose | 25 | female |
total
第五章多窗口网页(Frames)多窗口页面又叫做帧格式或叫框架网页,是一种复杂的页面表示技术,它的功能是将同一浏览器窗口分割成多个独立的小窗口。被分隔成的每个子窗口都是一个独立的web页面,这样就允许用户在同一浏览窗口中浏览不同的网页;也可以在不同的子窗口之间建立某种联系。例如在某一个窗口中点某个超链接,在另一个窗口中显示跳转到的目的文档的内容或者在一个窗口内进行查询而在另一个窗口中显示查询结果。基本语法:………….对不起,你的浏览器不支持框架。例:多窗口拆分与大小设置窗口的纵向拆分:例:窗口的横向拆分:例:#=n%或n…………#=n%或n…………
组合使用:…………………………窗口的大小改变在默认的情况下是可以改变其大小的,但是若我们使用了如下一个参数就可以使其大小不能被改变了。…………………………各窗口之间的相互操作(Frametarget)首先我们要为窗口命名:#=_blank,_top,_self,_parent例:主页面页面frame的外观(Appearance)
各窗口的边框设置#=yes,no/1,0各窗口间空白区域的设置#=空白区域的大小边框色彩页面空白(margin)卷滚条设置#=yes,no,auto浮动窗口(floatingframe)…….
loada
loadb
loadc
第六章表单(form)标记(tags)表单标记是,它主要用来定义一个交互式的输入界面,它与cgi(通用网关接口)技术紧密相联。基本语法:其中acition参数是一个指向表单所需的外部服务程序(cgi)程序的名字,method参数是当按“submit”按钮时,通知服务器接受客户端要求的处理方式:method的方式可以是post也可以是get,一般我们用post,因为它对传给服务器的资料没有长度的限制。表单中提供给用户的输入形式name由程序开发人员根据需要来命名。Value为每种输入元素的初始值Size为每种输入元素定义的显示长度Maxlength每表单中的元素定义可输入数据的长度。Type取值由如下几种形式:Text把输入的数据定义成字符数据Password把输入的数据定义成字符数据,但在客户端的表单中以*来显示。Checkbox为客户提供一个复选框Radio为客户提供一个单选框Image图形提交Hidden隐藏所提交的内容Submit提交Reset重新生成输入Text,password文字输入和密码输入(这种模式为单行模式)例:请输入你的姓名:
你的主页地址:
密码:例:
复选框(checkbox)和单选框(radiobutton)checkbox属性让你选择多个选项设置默认选项;设置缺省要传送的信息;
例:请你选择你喜欢的水果:banbanaappleorange一次只能让你选择一个选项设置默认选项设置缺省要传送的信息;例:请你选择你最喜欢的水果:banbanaappleorange图形提交请选择坐标位置:x2x4x6隐藏表单的元素每次传送信息时,会自动将其标记中的value属性所指定的值传送出去。Hereisahiddenelement.列表框(selectablemenu)定义一系列选项,它们可以在当前表单内产生一个下拉式列表,通过这个下拉式列表进行选择。基本语法:…………例:
bananaappleorange可以在选定的列表中进行多重选择(注意:可以用ctrl键配合鼠标实现多选。例:bananaappleorangepeach文本区域基本语法:…………….例:例:第七章移动文字和媒体页面会移动的文字(marquee)基本语法:例:文字移动属性的设置方向:#=left,right,up,down例:我会从右向左动,哈哈!我会从左向右动,哈哈!方式:#=scroll,slide,alternate
例:我一圈一圈的绕着走,哈哈!我只走一次就停了,哈哈!我来回的走,哈哈!循环#=n;若未指定则为循环不止(infinite)例:我只走三趟了,哈哈!我只走三趟了,哈哈!我只走三趟了,哈哈!速度例:我走的快吗?延时例:我走一走,停一停了!外观的设置:(layout)1对齐方式2底色3面积4空白例:我向上走!…………………………………
嗨!
我与他们之间有距离啊!哈哈!大家好啊!
………………………………….多媒体页面(alternativeonlineelements)1背景音乐#midi或wav2插入视频剪辑何时开始播放控制条:播放次数:延时:#=毫秒数3嵌入多媒体文体(embed)基本语法:………….#=url本标记可以用来在主页中嵌入多媒体文件,如:movie,sound,vrml(虚拟现实)要想使嵌入的多媒体文件正常播放,必须把plugin安装完备。另外,它可以加入许多参数,但是不同的文件,参数是不同的。所以这种语法较难掌握!
实例1:flash播放实例2flash播放/shockwave/download/?P1_Prod_Version=ShockwaveFlash'type='application/x-shockwave-flash'width=500height=400>61.156.28.24/flash/swf/实例3flash播放
实例4播放音乐(rm)实例5播放电影(rm)
实例6播放电影(wmv,asf,avi)实例7音乐播放:用realplayer来播放或在浏览器中用rtsp(pnm)://202.194.181.147/av/*.smi
实例8播放flash访问方法同上!
网络设计与制作亓小涛北京大学出版社2002.126计算机网络基础和应用林天北京大学出版社2002.126计算机办公应用李林北京大学出版社2002.127保存网页onclick="(4,1)
发布评论