htmlcssjavascript教程精品PPT课件

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

版权所有:尚学堂科技
尚学堂 手把手教程
锚点标签--<a>
<a name="AnchorName"> 在该位置定义名字为AnchorName的锚,就是给这个位置起了个名 字,别人可以用这个名字直接链接到该文件的这个位置
版权所有:尚学堂科技
尚学堂 手把手教程
链接标签--<a>
超级链接,跳转到另一文件
有开始必须有结束(XHTML) 标签不能嵌套 不区分大小写
但应该养成良好的编程习惯,推荐都用小写
版权所有:尚学堂科技
尚学堂 手把手教程
Html文档结构
<html> <head> <title> 典型HTML </title> </head> <body> 我会努力的! </body>
</html>
Eg. <a href=“”></a> Eg. <img src=“”/>
相对于URL地址
07.html
版权所有:尚学堂科技
尚学堂 手把手教程
URL URI URN
URL Uniform Resource Locator(统一资源定位符)
网络协议 + 主机名 + 端口号 + 资源名(定位标记)
带有参数的url 及 url编码问题 见Servlet / JSP部分
URN
Uniform Resource Name
持久可用的资源标准名称
例如邮箱名
URI
Uniform Resource Identifier
包含URL和URN
Target 见“框架“部分
05.html 06.html
版权所有:尚学堂科技
尚学堂 手把手教程
路径问题
本地路径 "c:\dir1\dir2\…"
绝对路径 "
相对路径
"images/01.jpg" "../../images/01.jpg" "/images/01.jpg" = "
尚学堂 手把手教程 HTML
WEB第一语言
JAVA V3.0 版权所有:尚学堂科技
尚学堂 手把手教程
课程内容及学习周期
HTML介绍 HTML细节
文件结构 文字 图片 链接 表格 表单 多窗口 特殊字符 ……
在不是很熟悉HTML的情况下, 学习加练习的时间应该在4—8个小时
对于已经熟悉HTML的读者可以略过 本章
<a href=“url” target=“TargetWindow”>文字
</a>
当鼠标点击“文字”时,TargetWindow的内容将会跳转到“url”,不指定
target时在本窗口跳转。
连接到文件的特定部分
Href=“url#point”
链接到url的point部分
在url文档中用<a name=“point”></a>标识
本章内容针对程序员进行设置,不是 培养设计师
版权所有:尚学堂科技
尚学堂 手把手教程
HTML简介
Hyper Text Markup Language
超文本 (文字+图片+音视+链接…) 标记语言 (浏览器根据标记显示内容) 来自于SGML(标准通用标记语言) 专注于在Web上传递信息 是写给浏览器的语言 历史 HTML1.0 – HTML2.0 (IETF制定) – HTML4.0(最终版) W3C
(X)HTML / CSS / JavaScript的综合运用
版权所有:尚学堂科技
尚学堂 手把手教程
HTML语法标记
标记(标签或元素)的形式 <元素名>内容</元素名>
Eg. <font>文字</font>
<元素名/>
Eg. <img src=“…”/>
<元素名>
Eg. <br>
位于尖括号内,可以具有属性值 属性值必须“” 或 ‘’,不写也可以解析, 但是不推荐(不符合 XHTML)
<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="…..">
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>
<meta http-equiv=“refresh” content=“3;url=”>
<meta name="keywords" content="your keywords">
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
<!-- 中间的内容为注释 -->
01.html
版权所有:尚学堂科技
尚学堂 手把手教程
head中的常用标签
<title>文字</title> “文字”将显示在浏览器标题栏上
"http-equiv"指明下面 要设置的项目
"content"指明该项目 设置的内容
<meta>:用于设置一些头信息
</body>
色彩值 “#rrggbb” Eg. <body bgcolor=“#ffffff” > 红绿蓝数字值
<body background=“img_url” --图片地址 >
03.html 04.html
body其他属性 text link alink vlink bgcolor leftmargin topmargin…
<style>…</style>定义CSS格式
<Script language=“”>…</Script> 用于定义脚本,Eg. Javascript
<link>
02.html
<base>标签
版权所有:尚学堂科技
尚学堂 手把手教程
<body>
<body bgcolor=“#” --背景色 background="img_url" --背景图片
相关文档
最新文档