第二章 HTML基础知识g.pptVIP

第二章　HTML基础知识 《网页设计与制作》 * 知识点： 　HTML简介 　如何编辑HTML文件和学习方法 　HTML的基本框架 　多种标记的使用 　列表 　表格标记和属性 　超级链接 　支持多媒体技术 　滚动字幕 Marquee标记 　表单 HTML简介 HTML（Hypertext Marked Language）超文本标记语言是一种用来生成WWW网页的脚本语言。 HTML特点： 　通过HTML可以表现出丰富多彩的设计风格。 　 　例：插入图片img　src= “文件名” 　　　　文字格式设置font　size=“+5”　color=00ffff文字/font 　通过HTML可以实现页面之间的跳转。 　　例：插入超级链接a　href=文件路径/文件名/a 　通过HTML可以展现多媒体的效果。 　　例：在网页中插入声频和视频 　　　　embed　src=“文件名”　autostart=true 所谓标记，是采用了一系统的指令符号来控制输出的效果。 HTML文件： 　一个包含大量标记的文本文件 　这些标记告诉浏览器怎样显示页面信息 　用htm或html作为扩展名的文件 　可以用一个简单的文本编辑器创建的文件 ？如何编辑HTML文件 （1）Windows自带的记事本或写字版。当然，如果你用WPS(2010)来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。 （2）EditPlus （最新版3.2） 　　一套功能强大，可取代记事本的文字编辑器，拥有无限制的Undo/Redo、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。 （3）Dreamweaver （4）Frontpage（office的一个套件） 学好HTML捷径： 　　分析别人网站的HTML源代码（通过【查看】菜单→源文件） HTML的基本框架 html 　head 　　title……/title　　标题栏 　/head 　body 　文档主体，正文部分 　 　/body /html 说明： 多种标记的使用 head文件头部分 table width=50% border=1 　　tr 　　　　tdA/td 　　　　tdB/td 　　/tr 　　tr 　　　　td rowspan=2C/td 　　　　tdE/td 　　/tr 　　tr 　　　　tdF/td 　　/tr /table A B C E F 返回目录 超级链接 语法格式： 　　A href=? name=? target=? title=?…../A 超级链接的类型： (1)本地链接：对同一个网站上的不同文件进行的链接，一般采用相对路径来指示一个文件。 A href=../../Internet/computer.html计算机类/A (2)URL链接：链接到网站 　　A href=武汉商贸学院/A (3)电子邮件链接： 　　A href=mailto:whicu@与管理员联系/A (4)同一个网页不同地方的链接： １ ２ 步骤： ①在位置2创建一个书签(锚点) A name=书签名/A ②在位置1插入超级链接，方法： A href=#书签名显示文字/A target属性： 　　　　_blank　打开一个新窗口 　　　　_self　　在当前窗口中打开链接（默认） title属性： 　　当鼠标移动到链接上时显示的提示文字。Netscape浏览器不支持该属性。 返回目录 支持多媒体技术 格式： 　　embed src=? loop=? width=? height=? hidden=?　EnableContextMenu=? 说明： 　　SRC：设定文件的路径，可以播放的格式：mp3音乐、midi音乐、WAV音乐、AU格式、AVI格式、flash的格式swf、Quicktime影片MOV及QT、rm/ram等。 　　如果播放多首音乐，可以把多首音乐保存成M3U、ASX、WPL格式。 　　loop：设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。 　　width、height设定播放控件面板的宽度和高度。 　　hidden： true隐藏播放控件面板，false不隐藏。 　　EnableContextMenu： false禁止按右键看内容，true不禁止 返回目录 插入图片： 语法格式： img src=?　alt=? width=? height=? border=? 说明： 　　src　图片路径，格式：bmp、gif、jpeg等。　　 　　alt　图片