02_HTML基础.pptVIP

HTML基础及 CSS层叠样式表 第二章 本章目标 HTML相关概念 HTML标记 文件结构标记 链接标识 表格标记 表单标记 其它标记 img span div p b i 本章目标 HTML框架标记 CSS相关概念及作用 如何在网页中引入CSS CSS基本语法(定义规则) 选择器分类 常用样式 HTML简介 HTML 是一种标记语言 使用 HTML 标记和元素，可以： 格式化数据显示(页面排版) 创建包含与用户交互的各种组件的界面 其它: 发布联机文档 使用 HTML 文档中插入的链接检索联机信息 创建联机表单，收集用户的信息、执行事务等等 开发帮助文件 HTML文档的结构 超链接 超链接的分类 根据所链接的文件是网络上的资源还是本地资源可将链接分为 远程链接 近端链接 不同文件间 同一文件内 超链接的使用 HTML HEAD TITLE使用链接/TITLE /HEAD BODY a href=“” 新浪/a br a href=“80” target=“_blank” 中福FTP /a br a href=“mailto:sato@163.com”/a br a href=“” /a /BODY /HTML HTML表格标记 HTML中表格标记主要用于页面排版 表格相关属性 HTML表单标记 表单标记是用于产生与用户交互组件的主要标记: 表单区域标记 form action=url method=* /form 文字输入和密码输入 input type=“text” name=“*” value=“” input type=“password” name=“*” value=“” 复选框(Checkbox) 和 单选框(RadioButton) input type=radio name=“*” value=** checked input type=checkbox name=“*” checked HTML表单标记 列表框多选 select name=fruits size=3 multiple option selectedBanana/option option selectedApple /option option value=My_FavoriteOrange /option /select 文本区域 textarea name=* rows=** cols=** 显示内容 /textarea 文件域 input type=“file” name=“*” HTML表单相关元素属性 HTML其它标记 img 在网页中插入图片 src , width , height span 文字域标记 div 章节段落域标记 p 段落域标记 b 粗体 i 斜体 HTML框架标记 HTML中框架标记主要用于划分浏览器窗口 使用 FRAMESET 创建框架 其属性有： Rows 框架上下划分属性 Cols 框架左右划分属性 FRAME 元素的属性包括： Name 该框架名称，为超链接和javascript定位 Src 该框架显示的页面 Noresize 框架是否可以伸缩 Scrolling 是否使用滚动条值为:yes no auto Frameborder 框架是否显示边框，同border一起使用 Marginwidth 框架内页面同框架的宽度距离 Marginheight框架内页面同框架的高度距离 嵌套的框架集 NOFRAMES 元素 HTML FRAMESET COLS=”40%,60%” FRAME SRC=”Flowers.jpg” NAME=”Flowers” SCROLLING=yes FRAMESET ROWS=”60,*” FRAME SRC=”x.html” NAME=”x” SCROLLING=no FRAMEBORDER=no FRAME SRC=”y.html” NAME=”y” NOFRAMES 未显示框架。请单击这里 A href=”main.htm”查看无框架版本/A /NOFRAMES /FRAMESET /FRAMESET /HTML 内嵌框架 IFRAME属性 Name框架名称，为超链接和javascript定位 Width 框架的宽度 Height 框架的高度 Src 框架显示的页面url CSS相关概念 CSS (Cascade Style Sheet)即层叠样式表; CSS作用: 将格式和结构分离 可以方便的更新网页格式和外观 强大的控制页面格式和布局的功能 制作美观的界面