下载此文档

HTML+CSS+JavaScript-尚学堂超文本标记语言的学习幻灯片.ppt


文档分类:IT计算机 | 页数:约93页 举报非法文档有奖
1/ 93
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/ 93 下载此文档
文档列表 文档介绍
HTML
WEB第一语言
课程内容及学习周期
HTML介绍
HTML细节
文件结构
文字
图片
链接
表格
表单
多窗口
特殊字符
……
在不是很熟悉HTML的情况下, 学习加练习的时间应该在4—8个小时
对于已经熟悉HTML的读者可以略过本章
本章内容针对程序员进行设置,不是培养设计师
HTML简介
Hyper Text Markup Language
超文本(文字+图片+音视+链接…)
标记语言(浏览器根据标记显示内容)
来自于SGML(标准通用标记语言)
专注于在Web上传递信息
是写给浏览器的语言
历史
– (IETF制定) – (最终版) W3C
IETF – Engineering Task Force
HTTP协议 RFC等
RFC2616 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文档结构
<html> <head> <title> 典型HTML </title> </head> <body> 我会努力的! </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="0"> <meta http-equiv="pragma" content="no-cache">
<meta name="generator | author | copyright" content="…..">
<style>…</style>定义CSS格式
<Script language=“”>…</Script>
用于定义脚本,Eg. Javascript
"http-equiv"指明下面要设置的项目
"content"指明该项目设置的内容

<link>
<base>标签
<body>
<body bgcolor=“#”--背景色
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\…"
绝对路径
"
相对路径
"images/0

HTML+CSS+JavaScript-尚学堂超文本标记语言的学习幻灯片 来自淘豆网www.taodocs.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数 93
  • 收藏数 0 收藏
  • 顶次数 0
  • 上传人 翩仙妙玉
  • 文件大小 0 KB
  • 时间2013-12-16
最近更新