2.3最常用的控制标记
(1).跳行
格式:
无属性设置
(2).段落
格式:
属性名称属性值说明
alignleft往左靠(默认)
center往中靠
right往右靠
(3).水平直线
格式:
属性名称属性值说明
size像素绝对设置,以数字表示,属性值越大,线越粗
百分比相对设置,以%表示,属性值越大,线越粗
width像素绝对设置,长度不会应视窗的改变而改变
百分比相对设置,长度会随着视窗宽度而改变
noshade实体线
(4).向中对齐
格式:
(5).背景色与文字设置
格式:
整体页面的边距,行距
(6).标题文字设置
格式:
属性名称属性值说明
alignleft靠左
center靠中
right靠右
(7).特殊字符设置
格式:
>gt; & “quot; (8).在HTML备注 格式: --…--> (9).实体字符控制标记 1.…粗 2.…斜 3. 4.…下划 5.…电报 6.…下标 7.…上标 (10).语意字符控制 1.…删
2.…大字
3.…删除
4....修改
5.
6.…加强语气(加粗)
7....加强语气(倾斜)
(11).字体控制(被废弃的标签)
格式:
…
属性名称属性值说明
size0-7字体大小
color英文或十六颜色
face字体字体
(12).格式化
格式:
…
让书写的文字格式化!
(13).引用文本
格式:
...
属性名称属性值说明
citeurl被引用的地址
排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列表。
还
可以在一种列表中嵌套另一种列表。
对于概括因特网上的内容,列表是非常方便的。
3.1无序号条例式清单
格式:
功能:
属性名称属性值说明
typedise实心圆(默认值)
circle空心圆
square实心方块
3.2有序号条例式清单
格式:
功能:
属性名称属性值说明
type1表示以1,2,3,4来表示
a表示以a,b,c,d来表示
A表示以A,B,C,D来表示
i表示以i,ii,iii来表示
I表示以I,II,III来表示
3.3无序列表和有序列表的结合应用
格式:
.....
.....
3.4叙述式清单(定义列表)
格式:
功能:
第4章表格
1.表格的基本格式
2.
标签下的常用属性 5.拆分与合并单元格 6.表格的结构化、直列化、标题 7.表格的嵌套 在网页中表格是一种经常使用到得设计结构,就像表格的内容中可以包含任何的数据, 如文字、图像、表单、超链接、表格等等,所有在HTML中可以使用的数据,都可以被设 置在表格中,所以有关表格设置的标记与属性页特别多。 4.1表格的基本格式 格式:
功能: | |||||||
… | 用来设置标题栏位.… | 用来设置数据栏位.
标签下的常用属性 该属性必须在border 的属性值不为0的状 态下! 属性名称属性值说明 width像素绝对设置,以像素值设置宽 百分比相对设置,以百分比设置宽 height像素绝对设置,以像素值设置高 百分比相对设置,以百分比设置宽 bgcolor英文/十六数据栏的颜色设置 align(水平方向)left数据靠左 center数据靠中 right数据靠右 valign(垂直方向)top数据靠上 middle数据靠中 bottom数据靠下 nowrap无在单元格中换行 4.5拆分与合并单元格 属性名称属性值说明 colspan数字向两边扩展栏位 rowspan数字向下扩展栏位 4.6表格的结构化、直列化、标题 (1).结构化格式: (2).直列化格式: 属性名称属性值说明 alignleft靠左 center靠中 right靠右 valigntop靠上 middle靠中 bottom靠下 span数字直列数目 width像素/百分比宽度 个别直列设置 格式: (3).表格的标题: 属性名称属性值说明 aligntop标题在表格上方 bottom标题在表格下方 5.1背景图案的设置 格式: 5.2将图片插入到网页中去 格式: 功能: 将图片插入到网页中去,单一标签
属性名称属性值说明 srcURL图片的路径 图片的注解 属性名称属性值说明 alt字符串给图片做注解 图象大小的设置 属性名称属性值说明 width像素绝对设置,宽 百分比相对设置,宽 height像素绝对设置,高 百分比相对设置,高 图象边框的设置 属性名称属性值说明 border数字图象边框 文字图象的排列 属性名称属性值说明 alignleft图象靠左,文字靠右 right图片靠右,文字靠左 top文字往上靠 middle文字靠中 bottom文字靠下 空隙的设置 属性名称属性值说明 vspace像素垂直上下两端与物件的距离 hspace像素水平左右两段与物件的距离 5.3用图像作为超链接 格式: 注意点: 边框的问题. 5.4地图索引 格式: 字说明"> name,id指此图的名称. 表示我们所要链接其中一点的区快 shape表示我们所选择的形状,如: rect矩形circle圆poly多边形 coords表示地图的坐标位置! ! 5.5切片索引 使用Firework来进行! ! 用表格进行定位! ! 5.6为网站添加图标 6.1超链接的基本格式 格式: scheme: //host[: post]/path/filename scheme指的是http,ftp,file,mailto,news,gopher,telnet七种 host指的是IP地址或计算机名称 post指的是服务器端口 path指的是文件路径 filename指的是文件名 //host[: post]/path/filename>… 6.2超链接的种类 一般常用的分为四种: 1.http 声明 2.file 声明 ///e/images/pic.jpg>图片 3.ftp 声明 //192.168.4.21/>进入 4.mailto bnbbs@>E-MAIL 6.3相对链接和绝对链接 1.index.htm 2.page/index.htm 3.page/top/index.htm 4.../index.htm 5.../../index.htm 6.../page/index.htm 6.4书签的链接 属性名称属性值说明 name字符串设置超链接的标记 基本格式: 瞄点 链接点 链接到别的网页的书签项目: 基本格式: 瞄点 链接点 6.5基准参考点 基本格式: \”> 6.6超链接事件 LINK颜色的设置 基本格式: link超链接尚被选中的文字 alink超链接点选但未被放开的颜色 vlink超链接已被点选过的颜色 6.7为链接创建键盘快捷键 accesskey="w"(Alt+w)(Ctrl+w) 6.8为链接设置制表符次序 tabindex="n" 表单是提供让读者在网页上输入,勾选和选取数据,以便提交给服务器数据库的工具。 7.1表单的功能结构: 主标记结构: 属性值说明 name字符串给这个表单起个名字 methodget/post表单的传输方式 actionurl传输目标 7.2文本栏、密码栏、隐藏栏 文本栏: 宽度”maxlength=”栏位数据输入最大长度”readonly=”readonly”> 密码栏: 显示宽度”maxlength=”栏位数据输入最大长度”readonly=”readonly”> 隐藏性栏位: 7.3复选栏、单选栏 多重勾选栏位: 值”checked=”checked”disabled=”disabled”> 单选栏位: checked=”checked”disabled=”disabled”> 7.4窗体栏位、区块栏位 窗体选项栏位设置: //分组 //多选multiple 文字区块的设置: ……… 7.5按钮、图像按钮 按钮设置: 按钮图像: 图像按钮: 7.6允许上传文件 上传栏位: 7.7表单加上外框和标题 外边框: 标题: 7.8元件的次序和快捷键 accesskey="w"(Alt+w)(Ctrl+w) tabindex="n" 在前面几章中,大家应该可以发现浏览器视窗本身就是一个框架,网页就是显示在该单 一的框架内,本章将介绍另一种网页呈现的方式,那就是可将原先单一的框架分割成多个框 架,且每个框架中可以分别显示出指定的网页,当然这种框架仍然是结构于单一的视窗中。 8.1多窗框的基本结构 格式: 功能说明: 属性名称属性值说明 cols像素设置直排的多窗框环境 百分比同上 rows像素设置横排的多窗框环境 百分比同上 border像素边框的宽度 framespacing像素页面与页面的边距 属性格式: 下的属性: 属性名称属性值说明 srcURL链接的页面 noresizetrue允许浏览器自行改变框架大小 false不允许 scrollingyes不管网页内容的大小,都出现滚动条 no不管网页内容的大小,都不现滚动条 auto浏览器自动判断,是否需要滚动条 marginheight像素设置垂直方向,窗体内容与边界的距离 marginwidth像素设置水平方向,窗体内容与边界的距离 frameborder0\1不出现框体边/出现窗体边线 属性格式: 8.2嵌套多窗体设置: 格式: 8.3多框架与超链接 框架式网站的好处就是在同一张页面可以显示多个页面,而且可以跟方便的进行链接。 相关属性说明: 的命名属性: 格式: 多窗体链接的属性: 属性名称属性值说明 target_blank打开一个新建的页面 8.4悬浮窗体的设置 格式: 功能: 设置悬浮窗框 属性名称属性值说明 height像素/%绝对/相对高度 width像素/%绝对/相对宽度 其余属性除了noresize外,其他都和frameset一样. 使用Web如此流行的原因之一是可以再网页上加入图像、声音、动画和电影文件。 虽然 过去对这些文件大小的限制局限了它们的作用,但是新技术(比如流技术及宽带)已经使多 媒体网页成为了可能。 9.1FLASH动画的插入 使用标记插入FLASH动画 属性值说明 srcurlflash路径 width像素/百分比flash宽度 height像素/百分比flash高度 wmodewindow使flash自身的矩形窗口来播放 opaque使flash隐藏页面上位于它后面 transparent使flash某一部分透明 使用标记插入flash动画 属性值说明 typeapplication/x-shockwave-flashflash类型 dataurlflash路径 width像素/百分比flash宽度 height像素/百分比flash高度 注意: 必须再使用子标签完成flash插入 属性值说明 name属性flash属性 value值flash值 9.3MP3音频及WMV视频的插入 使用标记插入FLASH动画 属性值说明 autostarttrue/false自动/非自动播放 loop数字音乐循环的次数 它的前身是 使用标记插入MP3音乐 属性值说明 namesrc(路径)音乐路径 autoplay(true/false)是否自动播放 9.4网络流媒体视频的插入 主流视频流: 优酷网、土豆网、我乐网 10.1自动展示网页内容: 格式: copyright@ 2008-2022 冰豆网网站版权所有 经营许可证编号:鄂ICP备2022015515号-1 |