Step①网页与HTML.ppt

Step①网页和HTML 陈鹏 内容目录 网页是一段有格式规定的文本 网页的格式——简述HTML 从HTML到页面三元素 常见标签 HTML、BODY、FONT、Ａ、B、U、I TABLE、TR、TD 网页嵌套：FRAME和IFRAME 图像和Plug-ins 图像（静态和动态） 网页中的Plug-ins对象 CSS —— 丰富的格式 网页就是一段文本 网页实际上是一段文本 用记事本打开查看可能是： FONT COLOR=BLUEHello/FONT 用浏览器打开查看就显示为： Hello 这段文本必须遵循某种格式规定来编写，这个格式规定就是HTML 内容目录 网页是一段有格式规定的文本 网页的格式——简述HTML 从HTML到页面三元素 常见标签 HTML、BODY、FONT、A、B、U、I TABLE、TR、TD 网页嵌套：FRAME和IFRAME 图像和Plug-ins 图像（静态和动态） 网页中的Plug-ins对象 CSS —— 丰富的格式 HTML→何谓HTML Hypertext Markup Language,超文本链接标记语言，是一种直译式语言 简单的说，就是一个标记出文字、图形、声音等元素在Page上要如何显示的规则而已，它必须通过浏览器（Browser 如 Netscape Navigator 、 IE 等）才能看到它的执行结果 。 要编辑HTML可通过一般的文本处理软件，如记事本、 EditPlus 等，也有一些专门用来编写HTML的软件：FrontPage、DreamWeaver…… 从HTML到页面三元素 人的接收信息途径→网页上的表现手段 Hypertext Markup Language,超文本链接标示语言 通过浏览器的解析，显示为网页上的表现 页面三元素 文本 字体、颜色、大小 布局（左中右）、修饰（粗斜下划线等） 图像 静态图像：JPG、JPEG、Gif、VML 动态图像：Gif、Flash、Java、JavaScript、视频流… 声音 Midi、Wave…… HTML→文件结构 html head title标题 /title /head body 主要HTML文件的内容写在这里 /body /html HTML→文件示例 html head title我的第一份HTML文件 /title /head body B粗体字型 /BBR I斜体字型 /IBR U下划线字型/U BR BIU例子/U例子/I例子/B /body /html HTML→FONT FONT……/FONT SIZE COLOR FACE 如： FONT SIZE=5 FACE=‘黑体’ COLOR=RED……/FONT B …… /B I …… /I U …… /U BR HTML→A A……/A Href=URL Target _self、_parent、_blank、其他名字 A href=‘’ target=_blank……/A 路径问题 设当前页面URL为：/bbb/ccc.htm 绝对路径：/eee… 路径：xxx.htm = /bbb/xxx.htm 路径：../xxx.htm = /xxx.htm HTML→TABLE TABLE/TABLE Width,Height,Color Border,BoderColor,Color BorderColorDark,BorderColorLight TRTR Width,Height,Color TD/TD Width,Height,Color Align:left | center | right Valign:top | middle | bottom HTML→其他重要的布局标签 CENTER…/CENTER P…/P ALIGN: left, center, right DIV…/DIV ALIGN: left, center, right SPAN…/SPAN PRE…/PRE 内容目录 网页是一段有格式规定的文本 网页的格式——简述HTML 从HTML到页面三元素 常见标签 HTML、BODY、FONT、Ａ、B、U、I TABLE、TR、TD 网页嵌套：FRAME和IFRAME 图像和Plug-ins 图像（静态和动态） 网页中的Plug-ins对象 CSS —— 丰富的格式 HTML→文件结构二 html head titleFRAMESET 测 试 /title /head frameset rows=50%,50% frameset cols=30%,70% frame src=frame1.htm name=upleft frame src=frame2.htm name=upright /fra