《HTML从入门到精通》

《HTML从入门到精通》1《HTML从入门到精通》胡松编著中国青年出版社2007.2Ch1初识HTML语言1、的应用：信息发布、数据查询、实况转播、电子商务、专业应用、HTML简介HTML基本概念HTML的发展历史HTML4.0的特点：国际化、可访问性、表格、混合文档、样式表、脚本、打印Ch2快速编写HTML文件1、使用记事本编写HTML页面2、使用编辑器编写HTML页面：FrontPage、DreamWeaver可视化网页编辑软件3、HTML文件的基本结构：html,head,title,bodyHTML中的标签：标签语法、开始标签和结束标签、标签的嵌套HTML中的属性Ch3文档的顶级信息1、根元素SGML(StandardGeneralizedMarkupLanguage)、DTD(DocumentTypeDefinition)html,head,body2、头部元素title,base,basefont,isindex,link,meta,nextid,script,style标签功能属性!doctype文档类型定义、版本和签发规范的组织html文档的开始和结束点，含head,body,framesetDir,Lang,Versionhead封装其它位于文档头部的标签Dir,Lang,Profilebody界定文档的主体Text,BgColor,Background,Bgproperties,Link,Alink,Vlink,Topmargin,Leftmargintitle文档的标题---显示在窗口标题栏Dir,Langbase文档中URL相对地址的基础部分(缺省为当前文档位置)Href,Targetbasefont设定基准的字体、字号和颜色Face,Size,Colormeta定义与文档有关联的名称/值对Name,Content,Http-Equiv《HTML从入门到精通》2Ch4文字和段落1、文字内容：空格，特殊字符，注释，显示HTML代码标签2、文字标记：Font标签、Hn标签3、文字的修饰：粗体b,strong斜体i,em,cite上标sup下标sub大字号big小字号small下划线u删除线s,strike地址address打字机文字tt等宽code,samp键盘输入文字kbd声明变量var标注说明rt,ruby如拼音4、段落的排布：P、Br、Nobr、Div、Span、Center、Blockquote标签功能属性 ；定义空格。!--注释--plaintext此后的HTML标签失去其标识作用，直接显示在页面中。xmp将xmp…/xmp之间的内容直接显示在页面中。font控制文字的字体、大小与颜色。Face,Size,Colorh1…h66种级别的标题Dir,Lang,Align,Class,Id,Style,Titlep表示一个段落的开始Dir,Lang,Align,Class,Id,Style,Titlebr换行Class,Id,Style,Titlenobr保证文本在同一行中显示，像对待不可分隔的单词一样。div可将文档分隔成独立的、不同的部分Dir,Lang,Align,Class,Id,Style,Title,Nowrapspan只是界定了内容的一部分，当作另一个自然或基于内容的样式标签。Dir,Lang,Class,Id,Style,Titlecenter水平居中Dir,Lang,Class,Id,Style,Titleblockquote从常规文档中分离出来，常显示为左、右两边缩进的效果。Dir,Lang,Class,Id,Style,Title特殊符号符号码十进制特殊符号符号码十进制特殊符号符号码十进制“""±±±﹒··&&&×××·€€<<§§§￡££>>￠¢¢TM™™©©©￥¥¥®®®《HTML从入门到精通》3Ch5水平线和列表1、水平线Hr标签2、列表无序列表、有序列表、目录列表、定义列表、菜单列表标签功能属性hr插入一条水平分隔线。（也像br一样强制换行）Dir,Lang,Class,Id,Style,Title,Align,Color,Noshade,Size,Widthul无序列表（带项目符号）li定义各项，每项占一行Dir,Lang,Class,Id,Style,Title,TypeDisc●Circle○Square■Compact压缩成更小、更紧凑的文本块ol有序列表（带编号）Dir,Lang,Class,Id,Style,Title,Type（1、a、A、i、I）CompactStart有序列表的起始数字dir目录列表–无序列表的特例。常显示文件列表、可多列Dir,Lang,Class,Id,Style,Titledl定义列表：像字典或百科全书的条目一样。Dir,Lang,Class,Id,Style,Title,Compactmenu菜单列表–无序列表的特例。Dir,Lang,Class,Id,Style,Titledt,dd定义列表的标签：dt名词…dd解释…li列表项目的标签Ch6插入图片1、网页图片的基本格式GIF(GraphicsInterchangeFormat)图像：多平台支持、无损压缩、容易实现动画效果。两个版本GIF87，GIF89a（支持透明背景、交叉存储和简单逐帧动画）原理：将8位像素值映射到一个颜色表中，不适合于照片等逼真效果。JPEG(JointPhotographicExpertsGroup)图像：独立于平台、有损压缩(可调整压缩率、肉眼难以分辨)、支持数以万计的颜色2、插入图片img标签标签功能属性img插入一张图像Src图像的源文件Alt提示文字Width,Height宽度，高度Border边框Vspace垂直间距Hspace水平间距Dynsrc设定AVI文件的播放Loop循环播放次数Loopdelay循环播放延迟Start播放方Lowsrc设定低分辨率图片Usemap映像地图Dir,Lang,Align,Class,Id,Style,Title《HTML从入门到精通》4Ch7页面中的超级链接1、关于超级链接URL：绝对方式或相对方式。相对方式---系统将会与“基本地址”(base)合并。2、制作超级链接外部链接：://telnet://gopher://mailto://a@b.c?subject=主题?cc=抄送?bcc=暗送访问News新闻组发送Email内部链接书签链接：先用name属性定义“名字”，再在Href属性中引用链接“#名字”。空链接：Href=“#”可使光标变成手形。脚本链接：Href=“JavaScript：window.close()”3、制作图像映射简单地，放置在锚中的图像可作为锚内容的一部分，用作超链接。进一步，HTML允许在同一幅图像中嵌入多个不同的链接。---即对光标位置敏感。准备图像：imgsrc=”……”usemap=”#Map”……使用Usemap属性，指向一名称map映射链接：mapname=”Map”…各area超链标签…/map标签功能属性a定义超级链接Href指定链接地址Name给链接命名Target指定链接的目标窗口（_parent、_blank、_self、_top）“分帧的框架页”AccessKey链接热键Dir,Lang,Align,Class,Id,Style,Title,Charset指定作为目标文档中所使用的字符编码Rel指定从源文档到目标文档的关系Rev指定从目标文档到源文档的关系Type指定调用的源的内容类型TabIndex对浏览器窗口中的对象重新排序map图像映射说明Name给链接命名Dir,Lang,Class,Style,Id,Titlearea图像映射区域Href,Target,AccessKey,Dir,Lang,Class,Id,Style,Title,TabIndex,Alt,Coords图像映射中对光标敏感区域的坐标“x1,y1,x2,y2”Shape映射区域的形状（Rect，Circle，Poly）《HTML从入门到精通》5Ch8多媒体效果1、页面中的背景音乐Bgsound标签(WAV、MP3、MIDI、AIF、rm)2、插入图片Embed标签、嵌入Flash动画、嵌入MP3音乐、嵌入MPG视频3、利用img插入AVI视频插入AVI视频(微软的AudioVideoInterleaved格式)4、制作滚动字幕Marquee标签5、其他嵌入式内容使用Object标签、使用Applet标签、使用Param标签标签功能属性bgsound实现页面中的背景音乐SrcLoopembed实现页面中内嵌多媒体SrcLoopWidthHeightHidden是否隐藏内嵌播放器（True,No）Autostart设置自动播放（True,No）DirLangAlignClassIdStyleTitleTypeQualityFlash动画(SWF)的播放质量(如high)PuginsPageFlash动画播放的插件所在位置Wmode设置Flash动画播放的窗口模式(如透明)img插入AVI视频Dynsrc指定AVI文件Oop设定循环播放次数Loopdelay循环播放延迟Start播放方式(Fileopen,Mouseover)marquee页面中的滚动文字AlignBgcolorClassWidthHeightHspaceVspaceStyleLoopBehavior滚动方式(Scroll,Slide,Altermate)Direction滚动方向(Up,Down,Left,Right)Scrollamount滚动速度Scrolldelay滚动延迟object嵌入对象最初支持ActiveXApplet后又支持JavaClassid指定包含对象的位置ArchiveURL列表，指向一个在显示或执行对象前需加载的档案Codebase提供一个可选的URLData指定需要对象处理的数据文件Name对象名称Type指定调用的源内容类型BorderWidthHeightHspaceVspaceTabindexDirLangAlignClassIdStyleTitleapplet插入applet小程序Code指定需要浏览器执行的java类的文件名称Codebase指定一个可选的URL，浏览器从这个URL中获取小程序Name小程序名称AltWidthHeightHspaceVspaceAlignClassIdStyleTitleparam为嵌入对象提供参数Name(Id)/Value对Name参数名称Value参数的值TypeId《HTML从入门到精通》6Ch9表单元素表单是实现动态网页的一种主要的外在形式。通过表单可以与用户实现信息交互。一个表单至少应包括说明性文字、用户填写的表格、提交和重填按钮等内容。表单由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成。在不同的表单元素中，还可以用JavaScript事件处理器来实现多种效果，如检验或证实表单内容等。1、什么是表单Form标签2、表单元素