class_03_html语言part1.pptVIP

B/S前台开发——HTML语言_part A 讲解人：王剑南 2013年7月13日 讲解时间 100分钟 HTML介绍 基础语法及分类 HTML基础标记 字处理标记 表单标记 表格标记 HTML语言的源起 SGML(Standard Generalized Markup Language) 基于互联网出现的HTML语言 HTML语言的现状与发展 CSS、JavaScript Flash XML XHTML 标记性语言 什么是标记性语言 标记性语言的特点 结构与内容分离 HTML标记格式 标记 标签名标签内容（标签值）/标签名 标签名/ 标签属性 标签名 元素名=“元素值” …元素名=“元素值” 标记嵌套 标签名 标签名标签内容（标签值）/标签名 标签内容（标签值） /标签名 HTML标记分类 HTML书写规范 闭合规范 嵌套规范 属性赋值规范 缩进规范 小写原则规范 HTML书写规范 闭合规范 标签必须闭合——标记名…/标记名或标记名/ 嵌套规范 属性赋值规范 缩进规范 小写原则规范 HTML书写规范 闭合规范 嵌套规范 标记不允许混合闭合 标记1标记2 /标记1/标记2 标记1标记2 /标记2/标记1 属性赋值规范 缩进规范 小写原则规范 HTML书写规范 闭合规范 嵌套规范 属性赋值规范 需要定义的属性必须赋值 缩进规范 小写原则规范 HTML书写规范 闭合规范 嵌套规范 属性赋值规范 缩进规范 嵌套标签必须缩进2字节 小写原则规范 标记、属性必须使用小写字母 基础标记 页面三要素 超链接 图片 页面三要素 组成网页的三个标签 html 最外围标记：说明文件内容为HTML head 头标记：定义和程序都在这个标记内 title 标题标记：定义浏览器左上角显示的文字 body 网页内容都写在这个标记内 三元素案例 html head titleHTML语言页面三要素/title /head body /body /html 超链接标记 a 标准属性 herf——值为URL * target——_blank 、_parent * URL概述 URL资源定位符（URL，Uniform Resource Locator） hostname（主机名） port（端口号） path（路径） query(查询) /s?bs=·t???÷íD1üf=8wd=·t???÷íD1ü+?à1útarget URL概述 网址 绝对地址 a href=”/user/login.jsp”紫光培训用户登录/a 相对地址 a href=”/user/login.jsp”紫光培训用户登录/a 相对地址 html head title相对地址案例/title /head body a href=../1.html上级目录/a a href=2.html本级目录/a a href=3/3.html下级目录/a /body /html 超链接案例 html head title超链接测试/title /head body a href= target=_blank在新窗口弹出新浪/a /body /html 图片标记 img 属性 src——图片URL* height——图片高度 width——图片宽度 图片案例 html head title图片案例/title /head body img src=ibm_logo.jpg/ /body /html 特殊字符 什么是特殊字符 为什么要有特殊字符 特殊字符列表 字处理标记分类 字体定义 段落定义 字型定义 字体定义标记 font 属性 face size color 字体编辑案例 html head title字体编辑/title /head body font color=red face=华文彩云 size=30 学习HTML语言很重要/font /body /html 段落定义 p br 字型定义 b u i 字型编辑案例 html head title字体编辑/title /head body b学习HTML语言很重要/b i学习HTML语言很重要/i u学习HTML语言很重要/u /body /html 表单标记定义 什么是表单标记 表单标记的功能 表单标记 form input select option textarea 通用属性 name 表单标记 form 属性 action——值为url method——get, post 输入框标记 input 属性 type 分为三类:输入类、选择类、按钮类 输入类：text、password、hid