HTML入门.ppt

《HTML入门.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

HTML入门赵睿达Ryanwww.themegallery.com HTML概念HTML（HyperTextMarkupLanguage超文本标识语言）是一种用来制作超文本文档的简单标记语言。www.themegallery.com XHTML概念XHTML------TheExtensibleHyperTextMarkupLanguage(可扩展超文本标识语言)HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。www.themegallery.com XHTML概念XHTML是当前HTML版的继承者。HTML语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生了语法要求更加严格的XHTML。www.themegallery.com HTML文档的编写方法1.手工直接编写记事本等，存成.htm.html格式。2.使用可视化HTML编辑器Frontpage、Dreamweaver等。3.由Web服务器（或称HTTP服务器）一方实时动态地生成。www.themegallery.com HTML文件结构HTML文件的正文www.themegallery.com 基本组成部分——HTML元素属性HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋于一定的值。元素属性出现在元素的<>内，并且和元素名之间有一个空格分隔；属性值用“”引起来。www.themegallery.com 基本组成部分——有关元素和元素属性HEAD元素元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。之间的内容将显示在浏览器窗口的标题栏。www.themegallery.com 元素及元素属性元素表明是HTML文档的主体部分。在与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。www.themegallery.com 元素及元素属性元素中有下列元素属性：(1)bgcolorbgcolor属性标志HTML文档的背景颜色。如：bgcolor="#FF0000"。HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。16进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.www.themegallery.com 元素及元素属性常见颜色的代码颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”www.themegallery.com 元素及元素属性元素中有下列元素属性：(2)backgroundbackground属性标志HTML文档的背景图片。如：background=test.gif。可以使用的图片格式为GIF，JPG(3)bgproperties=fixedbgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。www.themegallery.com 元素及元素属性元素中有下列元素属性：(4)texttext属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。(5)超级链接颜色link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。www.themegallery.com 文字标签属性文字属性标记1.文字颜色指定颜色...#=RRGGBB16进制数码2.文字字体...#=客户端可获得的字体www.themegallery.com 文字标签属性文字属性标记3.文字大小...#=1,2,3,4,5,6,7or+#,-#4.文字标题...#=1,2,3,4,5,6www.themegallery.com 文字布局行的控制段(Paragraph)(可以看作是空行)

空白占位符 
元素可以使所在的位置出现换行。这种换行和浏览器的自动换行的效果类似。
元素不是成对出现的。www.themegallery.com HTML文字与段落格式控制……倾斜文本粗体文本下划线文本删除线文本……www.themegallery.com HTML注释HTML文档可以插入注释。注释内容不会在浏览器窗口显示HTML注释的格式为：www.themegallery.com 无序列表元素无序列表元素—1列表在HTML的文档里有重要的地位,HTML规定了多种列表元素。列表所起的主要作用是使特定的文本有序化。www.themegallery.com 无序列表元素无序列表元素—2无序列表是由

和
• 元素定义的:
  • sports
  • food
  • drink
  • friends
  www.themegallery.com 无序列表元素无序列表元素—3无序列表的默认符号是圆点。
  元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆)、circle（圆圈）、square（方块）www.themegallery.com 有序列表元素有序列表元素—1有序列表由
  和
  1. 定义:
     1. sports
     2. drink
     3. friends
     www.themegallery.com 有序列表元素有序列表元素—2
     元素也有自己的type属性，type属性的属性值有1、A、a、I、i等。例如，我们以A、B、C……作为列表的编号
     元素还可以定义列表的起始编号，如我们希望列表的第一个编号为5，而不是1，则需要定义
     元素的start属性www.themegallery.com 超级链接超级链接是整个WWW应用的核心和基础。如果没有超级链接的概念，那么，我们现在所有的WWW的应用将不复存在。所以，对超级链接的掌握具有特殊重要的意义。www.themegallery.com 超级链接超级链接是用锚元素定义的在元素下，有元素属性href,href的属性值为一个URL地址如：普通超级链接去掉超级连接的下划线：style=“text-decoration:none”www.themegallery.com 表格(TABLE)一月二月三月120010001500单元格（用来表示，每个单元格可以有背景颜色和背景图片）表格（用来表示，表格可以有背景颜色、背景图片）表格边框每一行可以用来表示，单元格放在行中，每行可以有很多的单元格。表头（用元素：定义表格的行，一个表格可以有多行，所以对于一个表格来说不是唯一的。之间是单元格的具体内容。需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。www.themegallery.com 表格(TABLE)表格的基本结构

     来表示，表头是特殊的单元格，其中的文字加进去之后默认是居中并且加粗）www.themegallery.com 表格(TABLE)元素：定义一个表格。每一个表格只有一对和，一张页面中可以有多个表格。
     元素：定义表格的一个单元格。每行可以有不同数量的单元格，在	和

     定义表格定义表行定义单元格

     定义表头
     …

     www.themegallery.com 表单(FORM)HTML表单是HTML页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。在HTML里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。www.themegallery.com 表单(FORM)表单是网页上的一个特定区域。这个区域是由一对
     元素定义的。元素action属性：用来定义表单处理程序（一个ASP、CGI等程序）的位置(相对地址或绝对地址)。Method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post。www.themegallery.com 表单(FORM)表单的基本语法:...*=GET有数据量限制，POST无以上限制,以文件形式传输www.themegallery.com 表单(FORM)文本框?文本框的名字*text,password**默认值***长度??最大输入字符数www.themegallery.com 表单(FORM)文本域...按钮包括普通按钮、重置按钮和提交按钮www.themegallery.com 表单(FORM)复选框(Checkbox)在一个表单里的所有多选框可以有一个或多个被选中。单选框(RadioButton)一个表单里的所有变量名相同的单选框只能够有一个被选中。各个选项的name必须一样才能达到预期效果www.themegallery.com 表单(FORM)下拉列表基本语法说明说明2列表框的长度允许多选www.themegallery.com ThankYou!赵睿达Ryanwww.themegallery.com