HTML常用标记学习资料.doc
《HTML常用标记学习资料.doc》由会员分享,可在线阅读,更多相关《HTML常用标记学习资料.doc(18页珍藏版)》请在三一文库上搜索。
1、HTML 常 用 标 记HTML常用标记、HTML文档结构v html v headv title标题v title v /head v body网页主体内容v/body v /html 以下是具体标记说明。1. 文件标题v title v/title 2. 文件更新 - v meta【1】10 秒后自动更新一次v meta http-equiv=refreshcontent=10【2】10 秒后自动连结到另一文件v meta http-equiv=refreshcontent=10/ 网页解析开始/ 网页头部定义开始/ 定义标题显示于浏览器的标题栏内/ 网页头部定义结束/ 网页主体定义开始/
2、 网页主体定义结束/ 网页解析结束;URL欲连结文件之URL二、文字标记预设的基准路径 - v basev base href= 放置文件的主机之 URL 版面1. 标题文字v h# v/h# #=16; hl为最大字,h6为最小字2. 字体变化 v font v/font 【1】字体大小v font size=# v/font #=17;数字愈大字也愈大【2】指定字型v font face= 字型名称 v/font 【3】文字颜色v font color=#rrggbb v/font 取值为十六进制数r :表红色(red)色码g :表绿色(green)色码b :表蓝色(blue )色码3.
3、显示小字体v small v/small 4. 显示大字体v big v/big 5. 粗体字v b v/b 6. 斜体字v i v /i 7. 打字机字体v tt v /tt 8. 底线v u v /u 9. 删除线v strike v/strike 10. 下标字v sub v/sub 11. 上标字 v sup v /sup 12. 文字闪烁效果v blink v/blink 13. 换行 v br 14. 分段v p15. 文字的对齐方向v p align=#号可为left :表向左对齐(预设值)center :表向中对齐 right :表向右对齐 P.S. vp align=# 之後
4、的文字都会以所设的对齐方式显示,直 到出现另一个v p align=#改变其对齐方向,或遇到v hr 或标签时会自动设回预设的向左对齐。16. 水平线(分隔线)v hr 注:多个属性可以同时写。【1】分隔线的粗细v hr size=点数【2】分隔线的宽度v hr size=点数或百分比【3】分隔线对齐方向v hr align=#号可为left :表向左对齐(预设值)center :表向中对齐right :表向右对齐【4】分隔线的颜色v hr color=#rrggbb 【5】实心分隔线v hr noshade 17. 向中对齐v center v /center 18. 依原始样式显示(预定义
5、格式)v pre v/pre 19. v body 标签的属性【1】 背景颜色-bgcolor v bodybgcolor=#rrggbb 【2】背景图案-background v body background=图形文件名【3】 设定背景图案不会卷动 -bgproperties v body bgproperties=fixed 【4】文件内容文字的颜色-text v body text=#rrggbb 【5】超连结文字颜色-link v body link=#rrggbb 【6】正被选取的超连结文字颜色-vli nk v body vli nk=#rrggbb 【7】已连结过的超连结文字颜
6、色-ali nk v body ali nk=#rrggbb 21.特下几符号语法v>& ampII&q uot空白(空格)& nbsp版权& copy注册商标& reg英镑& pound;20. 注解v !-(点表示注释部分)殊字元表示法(常见有以个)、列表(项目符号与编号)1 有序号的清单v ol v li 项目1vli 项目2vli 项目3v/ol 【1】序号形式-type v oltype=# 或 litype=# #号可为A:表以大写英文字母 A BC、D.做为项目编号a:表以小写英文字母a、b、c、d.做为项目编号I :表以大写罗马 数字做为项目编号 i :表以小写罗马数字做为
7、项目编号1:表以阿拉伯数字做为项目编号(预设值)【2】起始数字 -start v ol start= 欲开始计数的序数【3】指定编号-value v li value =欲指定的序数2、无序号的清单v ul v li 项目1vli 项目2vli 项目3v/ul 【1】项目符号形式-type vul type=# 或 li type=# #号可为disc :实心圆点(预设 值)circle :空心圆点square :实心方块【2】原始清单 -plain v ul plain 【3】清单排列方式-warp1清单垂直排列v ul warp=vert 2清单水平排列v ulwarp=horiz 3、目
8、录式列表vdir v li 项目1 vli 项目2v li 项目3v/dir P.S.目录式清单每一个项目不能超 过 20个字元(即 10个中文字)4、 菜单式列表v menuv li 项目1vli 项目2vli 项目3v/menu5、 定义式列表v dl v dt 项目1 vdd项目1说明v dt 项目2vdd项目2说明v dt 项目3v dd项目3说明v /dl 紧密排列-compact vdlcompact P.S.如此可使v dt 的内容与v dd的内容在同一行,仅 以数格空白相隔而不换行,但若v dt 的文字超过一定的长度后,compact的作用就消失 了! 四、超链接2、连结至文件
9、内之某一处(外部连结)1起点va href= 档名#名称 v/a2终点v a name=名称3、frame 框架的超链接【1】开启新的浏览器来显示连结文件 -_blank v a href=/URL target=_blank 【2】显示连结文件於目前的 frame-_self v a href=/URL target=_self 【3】以上一层的分割视窗显示连结文件-_parent v a href=/URL target=_parent【4】以全视窗显示连结文件 -_top v a href=/URL target=_top 【5】以特定视窗显示连结文件 - va href=/URL ta
10、rget= 特定视窗名称 五、表格相关属性1. 定义表格 v table v/table 【1】设定边框的厚度 -borderv table border= 点数【2】设定格线的宽度 -cellspacingv table cellspacing= 点数【3】设定资料与格线的距离 -cellpaddingv table cellpadding= 点数【4】调整表格宽度 -widthv table width= 点数或百分比【5】调整表格高度 -heightv table height= 点数或百分比6】设定表格背景色彩 -bgcolorv table bgcolor=#rrggbb 【7】设定
11、表格边框色彩 -bordercolorv table bordercolor=#rrggbb 2. 显示格线v table border 3. 表格标题v caption v /caption 表格标题位置 -alignv caption align=#号可为top :表标题置于表格上方(预设值) bottom :表标题置于表格下方4. 定义列v tr 5. 定义栏位1v td :靠左对齐2v th :靠中对齐、粗体【1】水平位置 -align v th align=#号可为 left :向左对齐 center :向中对齐 right :向右对齐【2】垂直位置 -align v th alig
12、n=# #号可为top :向上对齐 middle :向中对齐bottom :向下对齐【3】栏位宽度 -widthv th width= 点数或百分比【4】栏位垂直合并 -rowspanv th rowspan= 欲合并栏位数【5】栏位横向合并 -colspanv th colspa n= 欲合并栏位数六、表单表单相关属性1 基本架构v form action= 处理资料用的CGI程式之URL method=get或post v /form 2、 输入文件型表单v form actio n=URLmethod=postv in put v in put v /form 【1】栏位类型-type
13、vinput type=# #号可为text :文字输入password:密码 checkbox:多选钮radio :单选钮submit :接受按钮reset :重设按钮image:图形钮 hidden :隐藏栏位【2】栏位名称 -namev input name= 资料栏名 P.S. 若 type 为 submit 、 reset 则 name不必设定【3】文件上的预设值 - value vinput value =预设之字串 【4】设定栏位的宽度 -size v input size= 字元数【5】限制最大输入字串的长度 -maxlength v input maxlength= 字元数【
14、6】 预设 checkbox 或 radio 的初值-checked v in put type=checkboxcheckedv in puttype=radiochecked 【7】指定图形的 URL-srcvinput type=image src= 图档名【8】图文对齐 -align vinput type=image align=#号可为 top :文字对齐图片之顶端middle :文字对齐图片之中间buttom :文字对齐图片之底部3、 选择式表单v form action=URLmethod=postv select v option v option v/select v /f
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 常用 标记 学习 资料
链接地址:https://www.31doc.com/p-13588236.html