下载提示
- 1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
- 2.下载该文档所得收入归上传者、原创者。
- 3.下载的文档，不会出现我们的网址水印。
文档列表
文档介绍
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
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转载请标明出处.
猜你喜欢
- 2025学年江西省赣州市信丰县小河镇中心小学六.. 16页
- 2025学年江西省赣州市于都县天润实验学校六年.. 17页
- 2025学年江西省萍乡市芦溪县六年级上期末数学.. 14页
- 2025学年江西省萍乡市经开区六年级上期中数学.. 18页
- 2025学年江西省萍乡市六年级上期中数学试卷-求.. 15页
- 2025学年江西省新余市渝水区新余高新区六年级.. 16页
- 2025学年江西省抚州市美佛儿国际学校六年级下.. 17页
- 2025学年江西省抚州市南丰县六年级下期中数学.. 15页
- 2025学年江西省抚州市乐安县六年级上期中数学.. 14页
- 2025学年江西省抚州市临川九小六年级上期末数.. 19页
- 2025学年江西省寻乌县人教版六年级下册期末测.. 22页
- 2025学年江西省宜春市宜阳学校六年级下期中数.. 29页
- 2025学年江西省宜春市六年级上期中数学试卷-刷.. 16页
- 2025学年江西省宜春市万载县黄茅镇中心小学六.. 13页
- 2025学年江西省吉水县外国语学校人教版六年级.. 20页
相关文档 更多>>
非法内容举报中心
相关标签
最近更新
- 鲁教五四新版六年级下中考题同步试卷：8.4 ..
- 鲁教五四新版六年级下中考题同步试卷：8.3 ..
- 鲁教五四新版六年级下中考题同步试卷：7.3 ..
- 鲁教五四新版六年级下中考题同步试卷：6.7 ..
- 鲁教五四新版六年级下中考题同步试卷：6.1 ..
- 鲁教五四新版六年级上册《4.3一元一次方程的..
- 鲁教五四新版六年级上册《4.2解一元一次方程..
- 鲁教五四新版六年级上册《3.7 探索与表达规..
- 鲁教五四新版六年级上册《3.2 代数式》2025..
- 鲁教五四新版六年级上册《2.2 数轴》2025年..
- 鲁教五四新版六年级上册《2.12 近似数》202..
- 鲁教五四新版六年级上册《1.1生活中的立体图..
- 陕西省西安市2025学年六年级上学期第三次课..
- 镇江丹阳市2025年苏教版小升初考试数学试卷..
- 重庆市开州区2025年小升初考试数学试卷-题量..
- 重庆八中小升初数学测试卷11-勤学笃行
- 贵州省贵阳市2025年人教版六年级下册小升初..
- 苏教版数学六年级下册《大树有多高》同步练..
- 苏教版六年级下册一课一练《比例尺的应用》..
- 苏教版六年级上册《第8章 可能性》2025年同..
- 胜利二中六年级2025学年第二学期期中质量检..
- 第一次月考测试卷及解析苏教版2025秋-六年级..
- 福建省福州市仓山区2025年小升初数学试卷-爱..
- 福建省三明市三元区2025年人教版小升初毕业..
- 甘肃省定西市临洮县2025年小升初数学试卷-刻..
- 湖南省名校2025年苏教版小升初模拟考试数学..
- 湖北省武汉市黄陂区2025学年六年级上学期期..
- 湖北省武汉市经济技术开发区沌口街新城小学..
- 深圳市2025年数学六年级下学期期末教学质量..
- 浙江省杭州市萧山区2025年小升初模拟测试数..