[工学]第一讲 HTML语言.pptVIP

第一讲 HTML语言 什么是HTML文件？ HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 分以下几个方面 页面(Page)　 字体(Font)　　 文字布局(Text Style)　　 图片(Image)　　 表单(Form) 表格(Table)　　 页面(Frames) 1、HTML页面结构 先看一个简单的例子： html head title这里是页面标题/title /head body这里是页面正文 b这里的字是粗体的/b /body /html 这个文件的第一个Tag是html，这个Tag告诉你的浏览器这是HTML文件的开头。文件的最后一个Tag是/html，表示HTML文件到此结束。 在head和/head之间的内容，是头信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。 1、HTML页面结构 在body和/body之间的信息，是正文。 在b和/b之间的文字，用粗体表示。b顾名思义，就是bold的意思。 HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如html，b等，通过这些Tag，可以告诉浏览器如何显示这个文件。 2、常用的头部信息 介绍常用的head信息里的html元素，如标题(title)。 标题(title) 标题(title)是最常用的head信息。它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。例如： head title这里是页面标题/title /head 3、HTML基本概念 HTML元素用来标记文本，表示文本的内容。比如body,?p, title就是HTML元素。? HTML元素用Tag表示，Tag以开始，以结束。 Tag通常是成对出现的，比如body/body。起始的叫做Opening Tag，结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如，HTML和html其实是相同的。 3、HTML基本概念 HTML元素可以拥有属性。属性可以扩展HTML元素的能力。 比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：body bgcolor=red 再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下： table border=0 ? 属性通常由属性名和值成对出现，就像这样：name=value。上面例子中的bgcolor, border就是name，red和0就是value。属性值一般用双引号标记起来。 4、背景色彩和文字色彩 body bgcolor=# text=# link=# alink=# vlink=# bgcolor 背景色彩 text 非可链接文字的色彩 link 可链接文字的色彩 alink 正被点击的可链接文字的色彩 vlink 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。 例子：背景颜色 html body bgcolor=yellow“ text=“white” link=“green” alink=“blue” vlink=“red” h2看，这个页面是黄色的。/h2 p正常文字是白色的 a herf=“页面1.html”链接是绿色的/a p点击完毕是红色的 /body /html 5、链接 基本语法 a href=URL ... /a 这是一个a href=“link.html链接的例子/a。 5、链接——name属性 使用name属性，可以跳转到一个文件的指定部位。 使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name： a href=#name ... /a a name=name ... /a 例如： a href=“#C1”跳到”第一章”/aPa name=“C1”这里是第一章/a 例子1：链接1（name属性） html body pa href=#C3参见第三章/a/p a name=C1h2第1章/h2/a p第一章的内容/p a name=C2h2第2章/h2/a p第二章的内容/p a name=C3h2第3章/h2/a p第三章的内容/p /body /html 例子2：将图片作为超链接 html body p 你可以将一张图片作为一个链接，点击