2HTML基础.ppt

网站建设与网页设计 Html基础 快速启动 HTML元素 快速启动 编写工具 最简单的HTML文档 内嵌的标签 HTML骨架 HTML皮肉 文本结构 超链接 图象 列表 表单 表格 框架 快速启动 编写工具 任何文本编辑器都能编写HTML文档 常用工具 Dreamweaver Aptana(作为zendstudio插件) 快速启动 最简单的HTML文档 快速启动 内嵌的标签 Html是嵌入式语言：可以把语言的指示符或标签(tag)插入文档中，在读者调入这个文档时，就可以在浏览器中显示出来。浏览器利用这些标签中的信息，就可以判断如何显示以及如何处理文档中的不同内容。 快速启动 内嵌的标签 开始标签和结束标签 大多数标签都定义并影响文档中的一个独立部分。这个部分开始于标签及其属性在源文档中第一次出现的地方（即开始标签），并一直到响应的结束标签处结束。 开始标签的格式 标签名称 属性名1=‘属性值’属性名2=‘属性值2’ 结束标签的格式 /标签名称 结束标签永远没有属性 快速启动 HTML骨架 以html开始，以/html结束，告诉浏览器该文档是用HTML编写的。 Html文档有两个主要的结构head（头部）和body（主体）。可以把文档的相应信息放在头部，把浏览器要显示的文档内容放在主体部分。 几个比较主要的头部元素是title，link，script 快速启动 HTML皮肉 注释 注释不会在HTML里面显示出来，即使是注释里的内容。 格式：!-- 注释内容 -- 文本 如果不是标签也不是注释，那就一定是文本了。一些特殊的标签给定了文本的结构，如标题(h1,h2,h3)，列表和表格等。 多媒体 构成浏览器显示的数字图象、电影、声音和其他多媒体数据，是与HTML文档分开保存在不同的文档中。通过特殊的标签便可以把这些多媒体元素的引用包括在文档中。浏览器利用这些引用来加载元素，并把他们与文本集成在一起。 快速启动 文本 与文本相关的HTML标签构成了HTML这种标准语言中最丰富的一部分。这是因为HTML最初就是为了丰富文本的结构和组织而诞生的。 快速启动 文本 外观 可以通过物理样式标签将常用的样式属性附加到文档中，例如前面的例子中的i 也可以通过CSS来改变文本的显示特性，例如字体、大小、颜色、位置等等 Html基础 文本 结构 浏览器对于文本中的回车和换行符不予理会，尽可能的填满显示窗口中的每一行。 如果文本过长，中间又没有间隔的话，文本内容将变得难以阅读，HTML提供了控制文档基本结构的方法。最常用的是使用部分（div）、段落（p）、换行（br）标签。这些标签都可以把文本流断开，在新的一行中显示。 div和p分别定义了文档和文本的基本区域，我们可以对这些区域中的内容在浏览器窗口进行特殊排列 如果没有特殊的排列属性，div和p仅仅会断开文本的一行，并另起一行。 p标签在换行后增加的行间距要大于div和br产生的垂直距离。 Html基础 文本 结构 标题 除了把文档分为不同的部分和段落外，还可以把文档组织成具有不同标题的节。一共有六种标题标签从h1到h6，各自对应着相应的结束标签。h1最大，h6最小。 标题标签通常也会打断当前的文本流，会单独占据一行。 Html基础 文本 结构 水平分隔符 除标题外，HTML还提供水平分隔符hr来描述和分割文档的不同部分。 当浏览器在文档中遇到hr时，会断开文本流，并在新的一行中画一条贯穿整个窗口的直线。文本流会在这条线下继续显示。 Html基础 超链接 文本构成了HTML的主体和骨架，而超文本则是他们的心脏部分。它允许读者获得或者显示自己或者别人的收藏，要实现这一点，只需要用鼠标单击一下文档中相关的词或者短语（也就是超链接）即可。 要想在自己的文档集合中包含一个指向其他文档的指针，只需要知道该文档的地址，以及如何在文档中加入一个锚（a标签）。 Html基础 超链接 URL 虽然在因特网上有数以亿计的文档和资源，但是每个资源都有其在因特网上的唯一地址，这个地址被称为统一资源定位符URL。 协议://服务器地址/路径名 Html基础 超链接 锚标签(a) html中用来定义超链接的源和目标的特性。我们经常使用a标签和它的href属性来定义一个超链接，href属性的值就是目标的URL。 Html基础 图象 html中用于内联图象的标签是img，他要求使用src属性来指定要在文档中插入的图象文件。 Html基础 列表 无序列表 列表中项目的顺序并不重要时使用无序列表ul，列表中的每个项目用列表项li来进行标记。 有序列表 项目中的顺序对于列表来说很重要的时候，使用有序列表ol，列表中的每个项目用一样使用列表项li来进行标记。 Html基础 表单 为用户与服务器之间提供一个交互的途径。 使用form标签界定表