网站特效应用-第二章.ppt

网站特效应用 主讲教师：王晖 授课系部：软件技术系 第二章 结构化语言（X）HTML基础 过渡页 第二章 结构化语言（X）HTML基础 本章学习内一览： 第一节 HTML基础语法 第二节 标记的分类 第三节 HTML常见标记的认识和使用 第四节 HTML向(X)HTML转化注意事项 第一节 HTML基础语法 组成关系： 标记---元素---HTML 特点： HTML中绝大多数标记是“容器”，即它有起始标记和结束标记。在它之间的内容叫元素体，例body…/body。每一个元素都有名称和可选择的属性。 第二章 结构化语言（X）HTML基础 第二节 标记（tags）分类 1、一般标记 组成：一个起始标记和一个结束标记； 基本语法：x受控文字/x 完整语法：x a1=“v1” a2=“v2” … an=“vn”受控文字/x 其中x代表标记名称，a代表标记属性，v代表属性值。完整语法说明一组标记可以包含多个属性值。例：Tags1.html 第二章 结构化语言（X）HTML基础 2、空标记 特点：不以成对的方式出现 语法：x/ 完整语法：x a1=“v1” a2=“v2”…an=“vn”/ 如hr/、br/ 例：hr color=“red”/ 目前空标记对于结束位置的“/”没有严格要求，但如果希望符合WEB标准，就必须加上“/” 第二章 结构化语言（X）HTML基础 第三节 HTML常见标记的认识和使用 1、文件结构标记 此类标记用来标示出文件的结构，主要有： html……/html:标示HTML文件的起始和终止 head……/head:标示出文件标题区 body……/body:标示出文件主体区 例：文件结构标记 第二章 结构化语言（X）HTML基础 文件结构标记 第二章 结构化语言（X）HTML基础 2、区段格式标记 作用：格式化区段文字，主要有： title…/title：网页标题 hi…/hi：i=1,2,3,…6,网页中文本标题 hr：水平线 br：断行 p…/p：文件段落 例：区段格式标记 第二章 结构化语言（X）HTML基础 3、字符格式标记 作用：改变字体外观，主要有： b…/b：加粗 i…/i：斜体 font…/font：字体设置 center…/center：居中对齐 例：字符格式标记 第二章 结构化语言（X）HTML基础 4、列表标记 列表标记主要有： ul…/ul：无序列表 ol…/ol：有序列表 li…/li：列表项 dl…/dl：自定义列表 实例：列表标记 第二章 结构化语言（X）HTML基础 5、链接标记 此类标记主要用途为标示超文本文件链接，主要有： 格式：a…../a 完整格式：a href=“url” target=“目标”…/a 第二章 结构化语言（X）HTML基础 6、多媒体标记 此类标记用来显示多媒体数据，主要有： img：嵌入图像； embed：嵌入多媒体对象； bgsound：背景音乐 第二章 结构化语言（X）HTML基础 7、表格标记 作用：格式化数据，主要有； table…./table:声明一个表格 tr…./tr：表格中的行 td…./td：表格中单元格 th…/th：表头 实例：表格标记 第二章 结构化语言（X）HTML基础 8、表单标记 此类标记用来制作交互式表单，主要有： form…/form:表明表单区段的开始与结束。 input：产生单行文本框、单选按钮、复选框 textarea…/textarea：多行文本框 select…/select：标明下拉列表的开始与结束 第二章 结构化语言（X）HTML基础 option…/option：下拉列表中一个选择项目 实例：表单标记 第二章 结构化语言（X）HTML基础 9、层标记***** 层称为定位标记，它不像链接或表格具有实际意义，其作用就是设定文字、表格等摆放位置。 基本语法：div层中的内容/div 第二章 结构化语言（X）HTML基础 第四节 HTML向(X)HTML转化注意事项 1.XHTML中，标记名称必须小写； 2.XHTML中，属性名称必须小写； 3.XHTML中，标记必须严格嵌套； 4.XHTML中，标记必须封闭； 5.XHTML中，即使是空元素的标记也必须封闭； 6.XHTML中，属性值用双引号括起来； 第二章 结构化语言（X）HTML基础