[HTML静态网页的制作-.ppt

HTML WEB第一语言  课程内容及学习周期 HTML介绍 HTML细节 文件结构 文字 图片 链接 表格 表单 多窗口 特殊字符 …… 在不是很熟悉HTML的情况下，学习加练习的时间应该在4—8个小时 对于已经熟悉HTML的读者可以略过本章 本章内容针对程序员进行设置，不是培养设计师 HTML简介 Hyper Text Markup Language 超文本 (文字+图片+音视+链接…) 标记语言 (浏览器根据标记显示内容) 来自于SGML(标准通用标记语言) 专注于在Web上传递信息 是写给浏览器的语言 历史 HTML1.0 – HTML2.0 (IETF制定) – HTML4.0(最终版) W3C IETF – Internet Engineering Task Force HTTP协议 RFC等 RFC2616 Http1.1 RFC1521 MIME W3C – World Wide Web Consortium () HTML XML等 XHTML 符合XML标准的HTML DHTML ?Dy’namic HTML （X）HTML / CSS / JavaScript的综合运用 HTML语法标记 标记(标签或元素)的形式 元素名内容/元素名 Eg. font文字/font 元素名/ Eg. img src=“…”/ 元素名 Eg. br 位于尖括号内，可以具有属性值 属性值必须“” 或 ‘’，不写也可以解析， 但是不推荐（不符合XHTML） 有开始必须有结束(XHTML) 标签不能嵌套 不区分大小写 但应该养成良好的编程习惯，推荐都用小写 Html文档结构 htmlhead title 典型HTML /title/headbody 我会努力的！/body /html !-- 中间的内容为注释 -- head中的常用标签 title文字/title “文字”将显示在浏览器标题栏上 meta：用于设置一些头信息 meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“3;url=” meta name=keywords content=your keywords meta name=description content=your description meta http-equiv=expires content=0meta http-equiv=pragma content=no-cache meta name=generator | author | copyright content=….. style…/style定义CSS格式 Script language=“”…/Script 用于定义脚本，Eg. Javascript body bodybgcolor=“#” --背景色 background=img_url --背景图片 /body 色彩值 “#rrggbb” Eg. body bgcolor=“#ffffff” 红绿蓝数字值 body background=“img_url” --图片地址 body其他属性 text link alink vlink bgcolor leftmargin topmargin… 锚点标签--a a name=AnchorName 在该位置定义名字为AnchorName的锚，就是给这个位置起了个名字，别人可以用这个名字直接链接到该文件的这个位置 链接标签--a 超级链接，跳转到另一文件 a href=“url” target=“TargetWindow”文字 /a 当鼠标点击“文字”时，TargetWindow的内容将会跳转到“url”，不指定target时在本窗口跳转。 连接到文件的特定部分 Href=“url#point” 链接到url的point部分 在url文档中用a name=“point”/a标识 Target 见“框架“部分 路径问题 本地路径 c:\dir1\dir2\… 绝对路径 /img_url.jpg 相对路径 images/01.jpg ../../images/01.jpg /images/01.jpg = http://mysite/images/01.jpg Eg. a href=“”/a Eg. img src=“”/ URL URI URN URL Uniform Resource Locator（统一资源定位符） 网络协议 ＋ 主机名 ＋ 端口号 ＋ 资源名（定位标记） :80/index.htm