2HTML基础.ppt

1、2011年2月，网站建设和网页设计，Html基础，HTML元素的快速启动，快速启动，写作工具，最简单的HTML文档，嵌入式标签，HTML框架，HTML皮肤文本结构，超链接图像列表，表单框架，快速启动，写作工具任何文本编辑器都可以写Html文档。Dreamweaver Aptana(作为zendstudio插件)是一个常见的工具，是快速启动，最简单的超文本标记语言文档，快速启动，而嵌入式标记超文本标记语言是一种嵌入式语言：您可以将语言指示器或标记插入到文档中，并在读者调用文档时在浏览器中显示它。利用这些标签中的信息，浏览器可以判断如何显示以及如何处理文档中的不同内容。快速开始、嵌入标记开始和结束

2、标记大多数标记定义并影响文档的独立部分。这一部分从标签及其属性首次出现在源文档中的位置开始(即开始标签)，并在响应的结束标签处结束。开始标记的格式和结束标记的格式永远不会有属性。快速开始，超文本标记语言框架以开始和结束，告诉浏览器文档是用超文本标记语言编写的。Html文档有两个主要结构：头部和主体。您可以将文档的相应信息放在页眉中，将文档的内容通过浏览器显示在主体中。几个主要的标题元素是标题、链接、脚本和快速启动。超文本标记语言皮肤注释不会显示在超文本标记语言中，即使是注释中的内容。格式：如果文本不是标签或注释，它必须是文本。一些特殊的标签给出了文本的结构，例如标题(h1，h2，h3)，列表和

3、表格。多媒体由浏览器显示的数字图像、电影、声音和其他多媒体数据组成，这些数据与超文本标记语言文档分开存储在不同的文档中。这些多媒体元素引用可以通过特殊标签包含在文档中。浏览器使用这些引用来加载元素并将它们与文本集成在一起。文本和与文本相关的标签构成了标准语言超文本标记语言最丰富的部分。这是因为超文本标记语言最初是为了丰富文本的结构和组织而诞生的。快速启动，文本外观可以通过物理样式标签将通用样式属性附加到文档，例如，在前面的示例中，您还可以通过CSS更改文本的显示特征，如字体、大小、颜色、位置等。基于Html，文本结构浏览器忽略文本中的回车符和换行符，并尽可能多地填充显示窗口中的每一行。如果文本

4、太长，中间没有空隙，文本内容将变得难以阅读。超文本标记语言提供了一种控制文档基本结构的方法。通常使用Part()、段落()和换行符()标记。这些标签可以断开文本流并将其显示在新行上。Div和P分别定义了文档和文本的基本区域，我们可以在浏览器窗口中专门安排这些区域的内容。如果没有特殊的排列属性，div和P只会打断一行文本，并开始另一行。p标签在换行后增加的行距大于div和br引起的垂直距离。基于Html，文本结构标题不仅将文档分成不同的部分和段落，而且将文档组织成具有不同标题的部分。从h1到h6有六个标题标签，每个标签对应相应的结束标签。H1最大，h6最小。标题标签通常会中断当前的文本流，占据单

5、独的一行。除了标题，Html还提供了一个水平分隔符hr来描述和划分文档的不同部分。当浏览器在文档中遇到hr时，它将断开文本流，并在整个窗口中画一条新的直线。文本流将继续显示在该行下。超链接文本构成了Html的主体和骨架，而超文本是它们的心脏。它允许读者获取或展示自己或他人的收藏。为此，您只需用鼠标单击文档中的相关单词或短语(即超链接)。如果您想在文档集合中包含指向其他文档的指针，您只需要知道文档的地址以及如何向文档添加锚点(标签)。尽管互联网上有上亿个文档和资源，但每个资源在互联网上都有其唯一的地址，这就是所谓的统一资源定位符。协议：/服务器地址/路径名，基于html，超链接锚标签()在Htm

6、l中用来定义超链接的来源和目的地的特征。我们经常使用一个标签和它的href属性来定义一个超链接，href属性的值就是目标的URL。Html中内联图像的标签是它需要src属性来指定要插入到文档中的图像文件。列表无序列表当列表中项目的顺序不重要时使用无序列表，列表中的每个项目都标有一个列表项目。如果有序列表中的项目顺序对列表很重要，请使用有序列表，列表中的每个项目都标有相同的列表项目。基于Html，表单提供了用户和服务器之间的交互方式。使用标签定义表单区域，并放置表单元素(文本输入框、复选框、单选按钮、多重选择按钮等)。)是用户在表单中要求的。用户填写完表单后，单击特殊发送按钮将表单数据发送到服务

7、器。服务器收到表单数据后，会根据数据内容进行处理。表格的主要功能是格式化和显示内容。主标签表格行标题表格数据(单元格)、Html基础和框架允许我们将浏览器窗口分成几个不同的显示区域，每个区域显示不同的文档。每个框架显示一个独立的文档，或者浏览器可以显示的任何合法内容，包括多媒体。通过向标签添加标签，浏览器窗口被分成独立的框架。的src属性用于指定要在框架中显示的URL。网页中的标签通常应该包含在标签中。元素，标签描述用于包含描述超文本标记语言文档信息的标签示例。页面名称，超文本标记语言元素，标签描述网页的主要部分。通常，网页的可见部分包含在标签中。示例内容1内容2，超文本标记语言元素，标签描述

8、用于描述超文本标记语言网页文档的属性示例，超文本标记语言元素，标签描述，网页标题示例我的标题，超文本标记语言元素，标签描述定义了文档和外部资源之间的关系，最常用的是链接样式表。例如，超文本标记语言元素和标签描述被用来定义客户端脚本，比如JavaScript。脚本元素可以包含脚本语句，或者通过src属性指向外部脚本文件。示例链接外部脚本包含脚本文档。写(你好世界！)；超文本标记语言元素和标签描述定义了文档中的一个或多个部分。一份文件可以分为独立的和不同的部分。如果标签标有id或类别，标签的功能将变得更加有效。公共属性id:唯一标识符类别：分类标识符示例绿色标题绿色段落红色标题红色段落，HTML元

9、素，标记公共属性id，类别描述定义段落。这是一个段落。超文本标记语言元素和标签描述用于组合文档中的内联元素。公共属性id，类示例，行中的红色部分，页面中的绿色部分，HTML元素，标签描述，插入一个简单的换行符。标签是空的，这意味着它没有结束标签，所以这是错误的：在XHTML中，结束标记放在开始标记中，也就是说。课文课文课文课文课文达夫真诚又容易学。超文本标记语言元素和标签描述在超文本标记语言页面中创建一条水平线。例子这是标题1这是一些文本，html元素，标签描述标签可以定义锚。锚点有两种用途：通过使用href属性创建到另一个文档的超链接。使用id属性在文档中创建书签。也就是说，您可以创建指向文

10、档片段的链接。常用属性id，类href:指定链接的目标目标：指定窗口实例打开目标真诚，HTML元素，标签描述嵌入图像到网页。从技术上讲，标签不会将图像插入网页，而是链接网页中的图像。标签为引用的图像创建空间。公共属性id、类src:图像地址示例、超文本标记语言元素和标签描述定义了无序列表，应该与一起使用。公共属性标识、类示例项目1项目2、超文本标记语言元素和标签描述定义列表项目。公共属性id，类示例咖啡茶牛奶咖啡茶牛奶，html元素，标签描述定义有序列表。公共属性标识、类示例咖啡、茶、牛奶、超文本标记语言元素和标签描述定义超文本标记语言表。一个简单的超文本标记语言表格由一个表格元素和一个或多个

11、tr，th或td元素组成。Tr元素定义表格行，th元素定义标题，td元素定义表格单元格。更复杂的超文本标记语言表格也可能包括标题、列、列组、标题、引导和正文元素。通用属性id，类示例一月份月销售额是100美元，html元素和标签描述定义了HTML表中的行。tr元素包含一个或多个th或td元素。常用的属性标识、类、超文本标记语言元素和标签描述定义了表格中的标题单元格。th元素中的文本通常显示为居中的粗体文本，而td元素中的文本通常是左对齐的纯文本。通用属性标识、类、超文本标记语言元素和标签描述定义了超文本标记语言表格中的标准单元格。通用属性标识、类、超文本标记语言元素和标签描述用于创建用户输入的超文本标记语言表单。表单可以包含输入元素，如文本字段、复选框、单选框、提交按钮等。表单用于向服务器传输数据。常用属性id，类示例用户名：密码：超文本标记语言元素，标签描述用于收集用户信息。根据不同类型的属性值，输入字段有多种形式。输入字段可以是文本字段