HTML PPT教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML注释
在HTML文件里，你可以写代码注释，解释 说明你的代码，这样有助于你和他人日后 能够更好地理解你的代码。 注释可以写在<!--和-->之间。浏览器是忽略 注释的，你不会在HTML正文中看到你的注 释。 <!-- This is a comment -->
Html 标签
特殊的链接
链接到email地址 在网站中，你经常会看到“联系我们”的 链接，一点击这个链接，就会触发你的邮 件客户端，比如Outlook Express，然后显 示一个新建mail的窗口。用<a>可以实现这 样的功能。 <a href = "mailto:info@sina.com">联系新浪 </a>
HTML 超文本标记语言
网页设计的基础语言
什么是HTML文件？
HTML的英文全称是Hypertext Marked Language， 中文叫做“超文本标记语言”。 和一般文本的不同的是，一个HTML文件不仅包含 文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。
标题 html用<h1>到<h6>这几个Tag来定义 正文标题，从大到小。每个正文标题自成 一段 段落划分在HTML里用<p>和</p>划分段落。 换行 <br>
HTML特殊字符显示
HTML字符实体(Character Entities) 有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的 开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们 希望在网页中显示一个小于号，该怎么办呢？ 这就要说到HTML字符实体(HTML Character Entities)了。 一个字符实体(Character Entity)分成三部分：第一部分是一个&符号， 英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体 (Entity)编号；第三部分是一个分号。 比如，要显示小于号，就可以写<或者<。 用实体(Entity)名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的 Entity名字。而实体(Entity)编号，各种浏览器都能处理。 注意：Entity是区分大小写的。 如何显示空格 通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都 被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9 个空格，只保留一个。为了在网页中增加空格，你可以使用 表 示空格。
列表
HTML有三种列表形式：排序列表(Ordered List)；不排序列表(Unordered List)；定义 列表(Definition List)。
排序列表(Ordered List)
排序列表中，每个列表项前标有数字，表 示顺序。 排序列表由<ol>开始，每个列表项由<li>开 始
不排序列表(Unordered List)
几个特殊的标签
图片<img> <img src = "../images/html_tutorials/smile.jpg" a lt="smile face"> 字体 <font> 属性 size color fac(类型 不建议使用 使用CSS 外联样式)
实例
<html> <head> <title>Title of page</title> </head> <body>This is my first homepage. <b>This text is bold</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表单(Forms)
HTML表单(Form)是HTML的一个重要部分，主要用于采集和提 交用户输入的信息 学习HTML表单(Form)最关键要掌握的有三个要点：表单控件 (Form Controls) 、Action 、Method 先说表单控件(Form Controls)，通过HTML表单的各种控件，用 户可以输入文字信息，或者从选项中选择，以及做提交的操作。 比如上面的例句里，input type= "text"就是一个表单控件，表 示一个单行输入框。 用户填入表单的信息总是需要程序来进行处理，表单里的 action就指明了处理表单信息的文件。比如上面例句里的 http://www.admin5.com/html/asdocs/html_tutorials/yournam e.asp。 至 于method，表示了发送表单信息的方式。method有两个值： get和post。get的方式是将表单控件的name/value信息经过编 码之 后，通过URL发送(你可以在地址栏里看到)。而post则将 表单的内容通过http发送，你在地址栏看不到表单的提交信息。 那什么时候用get，什么时 候用post呢？一般是这样来判断的， 如果只是为取得和显示数据，用get；一旦涉及数据的保存和更 新，那么建议用post。
不排序列表不用数字标记每个列表项，而 采用一个符号标志每个列表项，比如圆黑 点。 不排序列表由<ul>开始，每个列表项由<li> 开始。
定义列表
定义列表通常用于术语的定义。 定义列表由<dl>开始。术语由<dt>开始，英 文意为Definition Term。术语的解释说明， 由<dd>开始，<dd></dd>里的文字缩进显 示。
绝对路径和相对路径
绝对路径 如 http://bbs.ahau.edu.cn/ 相对路径 存储在同一个文件夹同在一个站 点 可使用相对路径
表格
HTML表格用<table>表示。一个表格可以分成 很多行(row)，用<tr>表示；每行又可以分成 很多单元格(cell)，用<td>表示。 表格的表头用<th>来表示表格的表头，表头的 字是粗体显示的。 如果表格的单元格<td></td>之间没有内容， 那么这个单元格的边界是不会被显示出来的， 尽管整个表格已设置边界值。要显示这个单元 格的边界，可以插入一个 空格符
HTML元素(HTML Element)用来标记文本， 表示文本的内容。比如body, p, title就是 HTML元素。 HTML元素用Tag表示，Tag以<开始，以>结 束。 Tag通常是成对出现的，比如<body></body>。 起始的叫做Opening Tag，结尾的就叫做 Closing Tag。 目前HTML的Tag不区分大小写的。比如， <HTML>和<html>其实是相同的
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。 <frameset cols="25%,75%"> <frame src="../asdocs/html_tutorials/Frame_a.html"> <frame src="../asdocs/html_tutorials/Frame_b.html"> </frameset> Iframe是Inline Frame的意思，用<iframe></iframe>可以 将Frame置于一个HTML文件内 青禾右侧导航就是使用的<iframe></iframe>
HTML元素可以拥有属性。属性可以扩展HTML元素 的能力。 比如你可以使用一个bgcolor属性，使得页面的背景 色成为红色，就像这样： <body bgcolor="red">再比如，你可以使用border这 个属性，将一个表格设成一个无边框的表格。如下： <table border="0"> 属性通常由属性名和值成对出现，就像这样： name="value"。上面例子中的bgcolor, border就是 name，red和0就是value。属性值一般用双引号标 记起来。 属性通常是附加给HTML的Opening Tag，而不是 Closing Tag。
Байду номын сангаас
<a>标签有很多属性 比如说target 、 title Name 使用name属性，可以跳转到一个文件的指 定部位。 使用name属性，要设置一对。一是设定 name的名称，二是设定一个href指向这个 name： <a href="#C1">参见第一章</a> <a name="C1">第一章</a>
超链接
用<a>来表示超链接，英文叫anchor。 <a>可以指向任何一个文件源：一个HTML网 页，一个图片，一个影视文件等。用法如下： <a href="url">链接的显示文字</a> 点击 <a></a>当中的内容，即可打开一个链接文件， href属性则表示这个链接文件的路径。 比如链接到青禾站点首页，就可以这样表示： <a href=“http://bbs.ahau.edu.cn/”>青禾</a