第二讲—HTML.ppt

Html语言学习完毕! 例2-10.html html frameset rows=17%,83% name=标题栏 scrolling=no frame src=2-1.html scrolling=auto frameset cols=28%,* frame src=2-16.html scrolling=yes target=个人练习显示页面 frame src=2-15.html name=个人练习显示页面 scrolling=no /frameset /frameset html 框架与多窗口标记frameset/frameset 框架与多窗口即将屏幕分割成几块，每块为一个窗口可独立显示一个HTML文件。各窗口的链接与浏览都是独立进行的。 语法格式为： frameset [row|col]=”...” ... frame src=”filename” ... /frameset 第2讲—— HTML 学习目标 知道什么是HTML 了解HTML基本结构语法 HTML语言常用的标记 要编写网页，先要了解HTML语言，即超文本标记语言，它是网页编程的基础。 HTML语言是由一些标记、字母和文字组成的。它以普通的文本文件保存，可以用你所熟悉的任何文字编辑器来编辑它。 通过超文本标记语言(HTML)中简单的标记，可以在Web页面显示文本、图像、声音、视频，声图文并茂，通过超链接还可以链到其他你想去的任何Web页面。 HTML语言常用的标记 1、开始与结束标记HTML /HTML HTML文档的开始标记是HTML，它告诉浏览器下面的内容是HTML文档，在HTML文档结束处要有对应的/HTML标记，它告诉浏览器HTML文档结束了。 语法格式为: HTML HTML文件的所有内容 /HTML HTML语言常用的标记 2、头部标记head/head 包含文档标题、文档所用脚本、样式定义，还可定义索引程序所要的其他信息标志。 3、标题标记title/title title和/title标记中间所包含的文字，将成为这个Web页的标题，一般写在头部标记之中。标题文字会显示在Web浏览器最上面的title(标题)栏上。浏览器用户可以把标题加入收藏夹中，所以标题文字最好使用中文并且有明确的意义。 4、说明信息标记meta 例2-1.html 头部标记和标题标记的使用。 html head title 1-1 这里显示的文字是：Web页标题/title 这里显示的是：Web页面头部标记中的文字 /head /html 5、 body主体标记 body标记是Web页面主体标记的开始，并对应结束符/body。 Web页面的主要内容都出现在body和/body标记之中。 文档中只能有一个body标记，并且它只能跟在head标记后面。 body标记还具有一些属性可以设定Web页面的背景色，可使用图片/图像作背景，确定链接的颜色，设置文字的颜色等。 语法格式为: body [bgcolor=# | text=#|link=#| alink=#| vlink=#| background=图像文件名] 文挡内容 /body 例2-2.html html head title1-2/title 这里显示的是：Web页面头部标记中的文字 /head body 这是使用HTML语言编写的Web页面文件 /body /html 写标记特点 从这几个标记可以看到HTML语言的标记是对称使用的，开始为标记,结束为/标记。 不过，也有个别的标记是单独出现的，以后会看到。 标记里的英文字母大小写都可以。 段落标记P/P 换行标记br 水平线标记hr 注释标记!与 为了使程序清楚、容易理解，可以添加注释标记“!”与“”（也可写为“!—”与“--”），在注释标记这对符号之间的内容不会被浏览器显示出来。 超链接文档标记A href=URL某地方/A 链接至本机另一Web页面 A href=filename.html链接到filename/A 链接到另外一台机器上的Web页面 A href=这里是首都在线的主页/A 例2-3.html 通过本例可以看到如何链接到其他的Web页。 html body 例如：单击这里可以链接到本机的 A href=“1-1.html“1-1.htmlWeb页/A p链接到另外一台机器上的Web页面也很简单，只要把目的地赋给href就可以了。/p 例如：想链接到首都在线的主页，可以单击这里： A href=/A即可。 /body /html 链接到网页某处 例2-4.html 来看看是如何链接到同一Web页的其它段落。 html body