《html代码培训》PPT课件.ppt

自我介绍,林学院木科设计2班 姓名：王焕礼 学号：20092089 昵称：小屁孩 QQ：410387786 凌风!,主题的确定,收集素材,特效代码的查询,布局草图,整体修改,代码布局,添加内容,保存或发布,html、head、body 文本 链接 表单 列表 插入媒体 表格 框架 层标签,基本标签：,最基本的网页 /超文本标记语言 这里是网页的标题 这里是主体部分 ,返回,空格：  换行: 段落： 粗体： 斜体： 下划线 删除线 大写：小写： 上标： 下标： 正文标题：你的标题 其中的1可以换成16的数数字越大 字越小 文字标记： 水平线： 其中noshade说明水平线没有阴影，若缺省则有阴影,返回,链接的三种形式：,一、页面链接 文本或图片等,二、书签链接 第一步：定义书签 text或图片(这部分可以没有) 第二步：跳转到书签 文本 跨网页到书签 文本,三、电子邮件链接 文本,链接标签 target的值有：-blank或new 链接内容显示在新的窗口中 -self 当前窗口 -parent 显示于父框架中 -top 无框架显示 框架名称 链接结果直接显示于该框架中,路径：,相对路径：,绝对路径： 绝对路径涉及到虚拟主机，在此就不讲解了，也没有必要知道,假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c:Inetpubwwwrootsitesblablaindex.html href = “index.html“,一、同一级目录中的文件引用,二、下一级目录中的文件引用,三、上一级目录中的文件引用,假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c:Inetpubwwwrootsitesindex.html 连接代码：href = “/index.html“,假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html 假设index.html路径是：c:Inetpubwwwrootsitesblablahtmlindex.html 链接代码： href = “html/index.html“,返回,表单标记： , 其中type的值有： text 单行文本 password 密码 checkbox复选框 radio单选按钮 submit 提交按钮 reset重置按钮 file插入一个文件 hidden隐藏按钮 Button普通按钮,单选框： 苹果 香蕉 檬果 ,复选框： 火腿 丸子 蔬菜 ,同组单选钮和复选钮必须具备相同的name名称,单行文本框： ,多行文本框: 其中wrap换行控制 off不自动换行 hard硬回车换行 soft软回车换行,列表框： 蔬菜 肉类 甜食 ,三种按钮： ,返回,有序列表和无需列表：,有序列表： a 苹果 ab av 香蕉 ,无序列表： ,其中type的值 第一类： 1；A；a；i（小写罗马数字）； I（大写罗马数字）； 第二类：disc(实心圆点)；circle(空心圆点)；square(方块),返回,一、 其中loop表示循环；volume音量；stattime表示从哪一时间开始播放00：23 controls console一般正常面板 smallconsole较小的面板 playbutton只显示播放按钮 pausebutton 只显示暂停按钮 stopbutton 只显示停止按钮 volumelever只显示音调按钮 align控制面板与文字的位置：left right center top bottom baseline texttop middle absmiddle absbottom,二、 将其放在之间,三、插入图片： 取消环绕,返回,一、表格： frame（边框）值：above(上) below（下） hsides（上下） lhs（左） rhs （右） vsides（左右） viod（无） rules(分隔线)值： groups(组与组) rows cols all none 二、标题 表格标题标签 三、行与列 行标签(表头单元格)字体自动加粗单元格标签 合并列 ;合并行,返回,标签，当浏览器不支持框架时可以用于提醒浏览者。 此网页使用了框架，但您的浏览器不支持框架。 ,框架： 其中可含有的属性： frameborder（有无边框）= “0/1”border= bordercolor= framespacing(框架间的距离)= marginheight= marginwidth=(内容与距框架的高度和宽度) noresize(固定框架)scrolling=yes/no（滚动条）,返回,width 宽度。所有在 DIV 里的文字或html都在里面。 height DIV tag 的高度。这个性质很少用除非你想 Clip 层次。 color（字体颜色）：色彩代码； font-size（字体大小）：数值； line-height（行高）：数值； border（边框）：宽度、类型和颜色，类型主要支持以下几种：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset； font-weight（字体粗细）：normal、bold、bolder、lighter； font-family（字体类型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆 background-color DIV 背景的颜色。 layer-background-color Netscape 的 DIV 背景颜色。 background-image DIV 的背景图象。 layer-background-image Netscape 的 DIV 的背景图象 direction（文字方向）：ltr（默认，从左向右）、rtl（从右向左）; padding-left：层中的内容距离层左边框的距离；padding