HTML 教程PPT课件

.,1,HTML超文本标记语言,网页设计的基础语言,.,2,什么是HTML文件？,HTML的英文全称是HypertextMarkedLanguage，中文叫做“超文本标记语言”。和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。一个HTML文件的后缀名是.htm或者是.html。用文本编辑器就可以编写HTML文件。,.,3,实例,TitleofpageThisismyfirsthomepage.Thistextisbold,.,4,这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。在和之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。在和之间的信息，是正文。在和之间的文字，用粗体表示。顾名思义，就是bold的意思。HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件,.,5,HTML元素(HTMLElement)用来标记文本，表示文本的内容。比如body,p,title就是HTML元素。HTML元素用Tag表示，Tag以结束。Tag通常是成对出现的，比如。起始的叫做OpeningTag，结尾的就叫做ClosingTag。目前HTML的Tag不区分大小写的。比如，和其实是相同的,.,6,HTML元素可以拥有属性。属性可以扩展HTML元素的能力。比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：属性通常由属性名和值成对出现，就像这样：name=value。上面例子中的bgcolor,border就是name，red和0就是value。属性值一般用双引号标记起来。属性通常是附加给HTML的OpeningTag，而不是ClosingTag。,.,7,HTML注释,在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。注释可以写在之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。,.,8,Html标签,标题html用到这几个Tag来定义正文标题，从大到小。每个正文标题自成一段段落划分在HTML里用和划分段落。换行,.,9,.,10,HTML特殊字符显示,HTML字符实体(CharacterEntities)有些字符在HTML里有特别的含义，比如小于号就表示HTMLTag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？这就要说到HTML字符实体(HTMLCharacterEntities)了。一个字符实体(CharacterEntity)分成三部分：第一部分是一个表示空格。,.,11,.,12,超链接,用来表示超链接，英文叫anchor。可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：链接的显示文字点击当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。比如链接到青禾站点首页，就可以这样表示：青禾/a,.,13,标签有很多属性比如说target、titleName使用name属性，可以跳转到一个文件的指定部位。使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name：参见第一章第一章,.,14,特殊的链接,链接到email地址在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如OutlookExpress，然后显示一个新建mail的窗口。用可以实现这样的功能。联系新浪,.,15,绝对路径和相对路径,绝对路径如,.,16,表格,HTML表格用表示。一个表格可以分成很多行(row)，用表示；每行又可以分成很多单元格(cell)，用表示。表格的表头用来表示表格的表头，表头的字是粗体显示的。如果表格的单元格之间没有内容，那么这个单元格的边界是不会被显示出来的，尽管整个表格已设置边界值。要显示这个单元格的边界，可以插入一个空格符,.,17,HTML框架(Frames),使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。Frameset决定如何划分Frame。有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。,.,18,Frame用这个Tag设定网页。里有src属性，src值就是网页的路径和文件名下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度是窗口宽度的75%。第一列中显示a.html，第二列中显示b.html。Iframe是InlineFrame的意思，用可以将Frame置于一个HTML文件内青禾右侧导航就是使用的,.,19,列表,HTML有三种列表形式：排序列表(OrderedList)；不排序列表(UnorderedList)；定义列表(DefinitionList)。,.,20,排序列表(OrderedList),排序列表中，每个列表项前标有数字，表示顺序。排序列表由开始，每个列表项由开始,.,21,不排序列表(UnorderedList),不排序列表不用数字标记每个列表项，而采用一个符号标志每个列表项，比如圆黑点。不排序列表由开始，每个列表项由开始。,.,22,定义列表,定义列表通常用于术语的定义。定义列表由开始。术语由开始，英文意为DefinitionTerm。术语的解释说明，由开始，里的文字缩进显示。,.,23,HTML表单(Forms),HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息学习HTML表单(Form)最关键要掌握的有三个要点：表单控件(FormControls)、Action、Method先说表单控件(FormControls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，i