《HTML教程》PPT课件.ppt

《《HTML教程》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《HTML教程》PPT课件.ppt（25页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、HTML 超文本标记语言网页设计的基础语言什么是什么是HTMLHTML文件？文件？HTML的英文全称是HypertextMarkedLanguage，中文叫做“超文本标记语言”。和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。一个HTML文件的后缀名是.htm或者是.html。用文本编辑器就可以编写HTML文件。实例TitleofpageThisismyfirsthomepage.Thistextisbold这个文件的第一个Tag是，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是，表示HTML文件到此结束。在和之间的内容，是Hea

2、d信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。在和之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。在和之间的信息，是正文。在和之间的文字，用粗体表示。顾名思义，就是bold的意思。HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件HTML元素(HTMLElement)用来标记文本，表示文本的内容。比如body,p,title就是HTML元素。HTML元素用Tag表示，Tag以结束。Tag

3、通常是成对出现的，比如。起始的叫做OpeningTag，结尾的就叫做ClosingTag。目前HTML的Tag不区分大小写的。比如，和其实是相同的HTML元素可以拥有属性。属性可以扩展HTML元素的能力。比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：属性通常由属性名和值成对出现，就像这样：name=value。上面例子中的bgcolor,border就是name，red和0就是value。属性值一般用双引号标记起来。属性通常是附加给HTML的OpeningTag，而不是ClosingTag

4、。HTMLHTML注注释在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。注释可以写在之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。Html 标签标题html用到这几个Tag来定义正文标题，从大到小。每个正文标题自成一段段落划分段落划分在HTML里用和划分段落。换行行 HTMLHTML特殊字符特殊字符显示示HTML字符字符实体体(Character Entities)有些字符在HTML里有特别的含义，比如小于号就表示HTMLTag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢

5、？这就要说到HTML字符实体(HTMLCharacterEntities)了。一个字符实体(CharacterEntity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。比如，要显示小于号，就可以写<或者<。用实体(Entity)名字的好处是比较好理解，一看lt，大概就猜出是lessthan的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。注意：Entity是区分大小写的。如何如何显示空格示空格通常情况下，H

6、TML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。超链接用来表示超链接，英文叫anchor。可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：链接的显示文字点击当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。比如链接到青禾站点首页，就可以这样表示：青禾/a标签有很多属性比如说target、titleName使用name属性，可以跳转到一个文件的指定部位。使用name属性，要设置一对。一是设定name的名称，

7、二是设定一个href指向这个name：参见第一章第一章特殊的链接链接到接到email地址地址在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如OutlookExpress，然后显示一个新建mail的窗口。用可以实现这样的功能。联系新浪绝对路径和相对路径绝对路径如相对路径存储在同一个文件夹同在一个站点可使用相对路径表格HTML表格用表示。一个表格可以分成很多行(row)，用表示；每行又可以分成很多单元格(cell)，用表示。表格的表表格的表头用来表示表格的表头，表头的字是粗体显示的。如果表格的单元格之间没有内容，那么这个单元格的边界是不会被显示出来的，尽管整个

8、表格已设置边界值。要显示这个单元格的边界，可以插入一个 空格符HTMLHTML框架框架(Frames)(Frames)使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。Frameset决定如何划分Frame。有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。Frame用这个Tag设定网页。里有src属性，src值就是网页的路径和文件名下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第

9、一列的宽度是窗口宽度的75%。第一列中显示a.html，第二列中显示b.html。Iframe是InlineFrame的意思，用可以将Frame置于一个HTML文件内青禾右侧导航就是使用的列表HTML有三种列表形式：排序列表(OrderedList)；不排序列表(UnorderedList)；定义列表(DefinitionList)。排序列表排序列表(Ordered List)(Ordered List)排序列表中，每个列表项前标有数字，表示顺序。排序列表由开始，每个列表项由开始不排序列表不排序列表(Unordered List)(Unordered List)不排序列表不用数字标记每个列表项

10、，而采用一个符号标志每个列表项，比如圆黑点。不排序列表由开始，每个列表项由开始。定义列表定义列表通常用于术语的定义。定义列表由开始。术语由开始，英文意为DefinitionTerm。术语的解释说明，由开始，里的文字缩进显示。HTMLHTML表表单(Forms)(Forms)HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息学习HTML表单(Form)最关键要掌握的有三个要点：表单控件(FormControls)、Action、Method先说表单控件(FormControls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作

11、。比如上面的例句里，inputtype=text就是一个表单控件，表示一个单行输入框。用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。比如上面例句里的。至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。几个特殊的标签图片字体属性sizecolorfac(类型不建议使用使用CSS外联样式)