《html教程全》PPT课件.ppt

1、HTML、HTML概念和超文本标记语言(HTML)是用于创建超文本文档的简单标记语言。以HTML编写的超文本文件有时称为HTML文件，有时称为web文件。如何创建HTML文档、手动手动手动创建记事本等。htm .保存为html格式可视化使用HTML编辑器Frontpage、Dreamweaver等在网页伺服器(或HTTP服务器)端实时动态生成。指定档案名称，* .htm或* .无HTML空格只能使用特殊符号(例如符号)、下划线 _ 。英语，只有数字才能区分大小写。主档案名称默认值为index.htm或index.html，其中的元素始终成对出现。通常，每个元素对都有开始标记(例如)和结束标记(

2、例如)。元素的标记必须用一对尖括号括起来，结束标记总是在开始标记之前加斜线。欢迎访问HTML档案结构(Document Structures)、HTML文件的正文、第一个网页(01.htm)、第一个网页内的主页！基本组件HTML元素属性、HTML元素可以有自己的相关属性，每个属性都可以由网页作者指定特定的值。元素属性出现在元素内，由元素名称和空格分隔。属性值是由“”引起的。第二页(02.htm)，第一页欢迎来到我的主页！HTML基本结构的相关元素和元素属性以及HEAD元素1元素出现在文档的开头。和之间的内容不会显示在浏览器的文档窗口中，但它们之间的元素尤为重要。元素定义HTML文档的标题。和之

3、间的内容显示在浏览器窗口的标题栏中。HTML基本结构中的元素和元素属性以及在HEAD元素2元素下插入许多有用的元素属性。以下是四个方面：用于显示搜索引擎搜索页面时拉出的关键字。HTML基本结构中的相关元素和元素属性以及HEAD元素3元素用于显示文档的作者。HTML基本结构的相关元素和元素属性以及HEAD元素4元素用于显示页面的解码方法。HTML基本结构的相关元素和元素属性以及HEAD元素5元素用于自动刷新网页。练习(03.htm)，创建网页，3秒后自动跳到网络主页。My first page 3秒后，牙齿页面将自动转到华东理工大学主页、元素和元素属性1，元素表示HTML文档的主体部分。和之间通

4、常有很多其他元素。这些元素和元素属性构成了HTML文档的正文部分。元素和元素属性2，元素具有元素属性，如(1)bgcolor bgcolor属性标志HTML文档的背景颜色。例如：bgcolor=# ccffcc 。例如：04.htm、HTML中的颜色控制、HTML中的颜色控制也有自己的语法。HTML使用十六进制RGB颜色值控制颜色。十六进制数字是3360 0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f .常规颜色的代码、元素和元素属性3等例如：text=# ff6666 。Text元素定义的颜色应用于整个文档。示例：09.htm，文本标签属性1，文本属性标记.1.文本着色颜色.

5、#=RRGGBB十六进制示例：011.htm，文本标签属性2，文本属性标记2。文本字体.#=文字属性标记3。文字大小.#=1、2、3、4、5、6、7 or #、-#例如，013.htm，文字布局，如果不想要行的控制段(Paragraph)空格，而只想换行，则应使用另一个元素(元素)。元素可以在该位置换行。牙齿换行类似于浏览器的换行效果。元素不会成对出现。范例：014.htm不换行015.htm、控制HTML字元和段落格式、斜角文字粗体文字底线文字删除线文字范例：016.htm、基本元件HTML注解、在HTML文件中插入注解。注释内容采用HTML注释格式(例如017.htm、文本对齐、(n=1，

6、2，3，4，5，6).其作用类似于在(#=left，center)元素中使用align=center 。例如，中间段落范例：018.htm，3 .HTML段落和换行符控件；标尺行：线宽设置：设置行长度：对齐设置#=left；riis列表的主要作用是按顺序指定特定文本。3 .HTML中的段落和点控制、未排序列表元素2的顺序定义为和元素的： sports food drink friends示例：020.htm，4。超连结通用超连结1，超链接是整个WWW应用程序的核心和基础。如果没有超链接的概念，我们所有的WWW应用程序都将不复存在。因此，掌握超连结具有特殊的意义。4 .超连结常规超连结2，超链接

7、被定义为锚点元素。元素下有元素属性。href，href的属性值是URL地址。范例：学校的超连结范例：一般超连结范例：021.html，4 .超连结E-mail超连结超链接可以指向E-mail地址。示例：指向E-mail地址的超连结示例：022.htm，4 .超连结新建链接窗口，打开新的(浏览器窗口).例如：022元素下的基本元素属性是src属性，src的属性值是所引用图的URL地址。Src属性是必需的。Src的URL可以是绝对地址或相对地址。控制HTML牙齿图片的-2；图片中的替换文本是无法显示图片时显示在图片所在位置的文本或鼠标移动到图片上时，也显示替换文本。如何定义图片替代文本：例如，02

8、4.htm，通过HTML控制图片-3，可以指定图片在图片显示大小浏览器窗口中的显示大小。Width指定贴花的宽度，height指定高度以定义贴花的显示大小。属性值可以是像素或%。例如：025.htm，通过HTML控制图片-4，可以通过将边框添加到图片的一张边框来强调。border的属性值包括像素数示例：026.htm，通过HTML控制图片-5，图片对齐图片定义水平对齐的方法示例：027.htm，表(表)标记- 1，元素：定义表。每个表格只有一对和，并且一个页面上可以有多个表格。元素：定义表格中的列。一个表格可以有多个资料列，因此对于一个表格来说不是唯一的。元素：定义表格中的一个单元格。每行可以

9、徐璐包含不同数量的单元格，和之间有单元格的具体内容。请注意，上述三个茄子元素必须成对使用。如果没有元素，则无法定义表格。表格标记-2，表格的基本结构定义表格定义表格行定义单元格，表格标记-3，表格的属性1宽度属性：指定表格或表格单元格的宽度。单位可以是%或像素。Height属性：指定表格或表格储存格的高度。单位可以是%或像素。Border属性：表格边框粗细、表格标记-2、表格属性1 bgcolor属性：指定表格或单元格的背景颜色。Background属性：指定表格或单元格的背景图片。属性值是URL地址。Align属性：指定如何对齐表格或储存格格点的内容(文字、图片等)。小网上书店，读者注意事项

10、，联系人，网页框架，创建框架页面的步骤：1。创建所有子框架页面2。建立预设框架页面3 .在主框架页面上设置子框架名称4。如果框架页面之间存在链接，请在子框架中设置链接。附注：框架页面不支援未标记的框架、网页的框架或预设语法浏览器中的框架。请考虑升级浏览器！定义框架的默认语法框架的网页中的框架由一对定义。rows和cols Rows定义上下分割框架的大小。Cols定义左右分割框架的大小。定义尺寸时，rows和cols可以使用相对大小或百分比单位。web页上的框架，每个窗口的大小设置水平对齐多个窗口：A B C示例：041.htm，web页上的框架，每个窗口的大小设置垂直对齐多个窗口：A B C示

11、例：042.htm，web页上的框架，COLS ROWS:垂直对齐web页上的框架，框架边框的颜色borrsSrc:在牙齿框架中显示网页的URL。目标：目标框架，引用目标框架的名称。web页上的框架，在当前框架中打开超连结页面默认情况下在当前框架页面中打开，或使用target=_ self 在指定框架中打开超连结页面target=name 打开新窗口链接页面target= _ blankYes，no，auto Noresize:无法在浏览器中调整框架的大小。要移动的文本，基本语法.文本移动属性(1)方向：direction=# #=slide、right、up、down、要移动的文本、2、文本

12、移动属性(2)如果未指定，则循环不会停止(infinite您可以在HTML中定义表单，并将表单与服务器端西餐处理程序(如CGI或ASP)相匹配。西餐(FORM)标签，表单是网页的特定区域。牙齿区域由一对元素定义。元素action属性：定义西餐处理程序(ASP、CGI等节目)的位置(相对地址或绝对地址)。Method定义如何将西餐结果从浏览器传递给服务器。通常有两种茄子方法：get、post。，西餐(FORM)标签，表单的默认语法：*=GET数据量限制、无POST限制、发送到文件、西餐(FORM)标记、文本框？文本框中的名称*文本，password * *默认值* * * *长度？-嗯？最大输入字符数，西餐(FORM)标签，3 .文本字段.西餐标签、按钮具有常规按钮、重置按钮和提交按钮、西餐标签、5。核取方块(checm)、西餐(FORM)标签、6 .单一选取方块(RadioButton)您只能选取一个表单中所有变数名称相同的单一选取方块。每个选项的name必须相同，才能获得所需的结果。西餐(FORM)标签，7 .下拉式预设语法说明