HTML PPT教程

HTML超文本标记语言网页设计的基础语言什么是HTML文件？HTML的英文全称是HypertextMarkedLanguage，中文叫做“超文本标记语言”。和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。一个HTML文件的后缀名是.htm或者是.html。用文本编辑器就可以编写HTML文件。实例htmlheadtitleTitleofpage/title/headbodyThisismyfirsthomepage.bThistextisbold/b/body/html这个文件的第一个Tag是html，这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是/html，表示HTML文件到此结束。在head和/head之间的内容，是Head信息。Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。在title和/title之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。在body和/body之间的信息，是正文。在b和/b之间的文字，用粗体表示。b顾名思义，就是bold的意思。HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如html，b等，通过这些Tag，可以告诉浏览器如何显示这个文件HTML元素(HTMLElement)用来标记文本，表示文本的内容。比如body,p,title就是HTML元素。HTML元素用Tag表示，Tag以开始，以结束。Tag通常是成对出现的，比如body/body。起始的叫做OpeningTag，结尾的就叫做ClosingTag。目前HTML的Tag不区分大小写的。比如，HTML和html其实是相同的HTML元素可以拥有属性。属性可以扩展HTML元素的能力。比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：bodybgcolor=red再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：tableborder=0属性通常由属性名和值成对出现，就像这样：name=value。上面例子中的bgcolor,border就是name，red和0就是value。属性值一般用双引号标记起来。属性通常是附加给HTML的OpeningTag，而不是ClosingTag。HTML注释在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。注释可以写在!--和--之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。!--Thisisacomment--Html标签标题html用h1到h6这几个Tag来定义正文标题，从大到小。每个正文标题自成一段段落划分在HTML里用p和/p划分段落。换行brHTML特殊字符显示HTML字符实体(CharacterEntities)有些字符在HTML里有特别的含义，比如小于号就表示HTMLTag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？这就要说到HTML字符实体(HTMLCharacterEntities)了。一个字符实体(CharacterEntity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。比如，要显示小于号，就可以写<或者<。用实体(Entity)名字的好处是比较好理解，一看lt，大概就猜出是lessthan的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。注意：Entity是区分大小写的。如何显示空格通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。超链接用a来表示超链接，英文叫anchor。a可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：ahref=url链接的显示文字/a点击a/a当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。比如链接到青禾站点首页，就可以这样表示：ahref=“”青禾/aa标签有很多属性比如说target、titleName使用name属性，可以跳转到一个文件的指定部位。使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name：ahref=#C1参见第一章/aaname=C1第一章/a特殊的链接链接到email地址在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如OutlookExpress，然后显示一个新建mail的窗口。用a可以实现这样的功能。ahref=mailto:[e-mail]联系新浪/a绝对路径和相对路径绝对路径如相对路径存储在同一个文件夹同在一个站点可使用相对路径表格HTML表格用table表示。一个表格可以分成很多行(row)，用tr表示；每行又可以分成很多单元格(cell)，用td表示。表格的表头用th来表示表格的表头，表头的字是粗体显示的。如果表格的单元格td/td之间没有内容，那么这个单元格的边界是不会被显示出来的，尽管整个表格已设置边界值。要显示这个单元格的边界，可以插入一个 空格符HTML框架(Frames)使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。Framesetframeset/frameset决定如何划分Frame。frameset有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。Frame用frame这个Tag设定网页。frame里有src属性，src值就是网页的路径和文件名下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列的宽度是窗口宽度的25%；第二列75%，表示第一列的宽度是窗口宽度的75%。第一列中显示a.html，第二列中显示b.html。framesetcols=25%,75%framesrc=../asdocs/html_tutorials/Frame_a.htmlframesrc=../asdocs/html_tutorials/Frame_b.html/framesetIframe是InlineFrame的意思，用iframe/iframe可以将Frame置于一个HTML文件内青禾右侧导航就是使用的iframe/iframe列表HTML有三种列表形式：排序列表(OrderedList)；不排序列表(UnorderedList)；定义列表(DefinitionList)。排序列表(OrderedList)排序列表中，每个列表项前标有数字，表示顺序。排序列表由ol开始，每个列表项由li开始不排序列表(UnorderedList)不排序列表不用数字标记每个列表项，而采用一个符号标志每个列表项，比如圆黑点。不排序列表由ul开始，每个列表项由li开始。定义列表定义列表通常用于术语的定义。定义列表由dl开始。术语由dt开始，英文意为DefinitionTerm。术语的解释说明，由dd开始，dd/dd里的文字缩进显示。HTML表单(Forms)HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息学习HTML表单(Form)最关键要掌握的有三个要点：表单控件(FormControls)、Action、Method先说表单控件(FormControls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，inputtype=text就是一个表单控件，表示一个单行输入框。用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。比如上面例句里的。至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。几个特殊的标签图片imgimgsrc=../images/html_tutorials/smile.jpgalt=smileface字体font属性sizecolorfac(类型不建议使用使用CSS外联样式)