动态网页设计基础(JavaScript).pptx

动态网页设计基础（JavaScript）主讲：江若玫 计算机系第1章 HTML基础1 HTML简介2HTML常用元素Page 目 录HTML简介HTML简介HTML常用元素1. 网页与HTML2. 编写及显示HTML文件 3.标签、元素和属性Page 1、网页与HTML HTML 是Hyper Text Markup Language的缩写，中文翻译为“超文本标记语言”，是制作网页的最基本语言。Page 温馨提示：普及几个常用知识点Hyper（超）Text（文本）Markup（标记）HTML的基本规则就是用“标记语言”——成对尖括号组成的标签元素来描述网页内容是如何在浏览器中显示的。HTML是一种文本解释性的程序语言，即它的源代码将不经过编译而直接在浏览器中运行时被“翻译”。用HTML制作的网页可以通过其中的链接从一个网页“跳转”至另一个网页。Page 网站开发主要原则Page (X)HTML与CSS核心基础HTML与CSS的关系HTML与XHTMLDOCTYPE（文档类型）的含义与选择!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlhead…………Page (X)HTML与CSS核心基础XHTML与HTML的重要区别1. 在XHTML中标记名称必须小写2. 在XHTML中属性名称必须小写3. 在XHTML中标记必须严格严格嵌套4. 在XHTML中标记必须封闭5. 在XHTML中，即使是空元素的标记也必须封闭6. 在XHTML中属性值用双引号括起来7. 在XHTML中属性值必须使用完整形式8. 在XHTML中，应该区分“内容标记”与“结构标记”2、编写及显示HTML文件Page 3、标签、元素和属性标签HTML标签是由一对尖括号和标签名称组成。标签分为“起始标签”和“结束标签”两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“/”。 Page HTML元素是组成HTML文档的最基本的部件，它是用标签来表现的，一般“起始标签”表示元素的开始，“结束标签”表示元素的结束。元素Page 在元素的起始标签中，还可以包含“属性”来表示元素的其他特性，它的格式是：属性 标签名称 属性名=“属性值”Page 目 录HTML常用元素HTML简介HTML常用元素1.基本结构元素2.常用块元素3.常用列表元素4.常用表格元素5.常用行元素6.表单元素7.一些特殊元素HTML常用元素HTML常用元素HTML 4.01制定的文档类型：12种严格型（Strict）常用元素大约96种转换型（Transitional）框架型（Frameset）Page 1、基本结构元素HTML的基本结构元素：html（HTML文档）元素head（头）元素body（主体）元素Page html元素是网页文件的最外围的一对标签，它告诉浏览器整个文件是HTML格式，并且是从html开始，至/html结束。html（HTML文档）元素HTML的基本结构元素： head元素包含的是网页的头部信息，它的内容主要被浏览器所用而不会显示在网页正文中。head（头）元素● title元素 ● link元素和style元素常用于CSS ● script元素 ● meta元素 body元素是html文件的主体元素，它包含所有要在网页上显示的各种元素 body（主体）元素每个网页文件中一般都包含有这3个元素，而且它们只能出现一次。Page 2.常用块元素标题类块元素最常用的段落块元素：● p（段落）元素● pre（原样显示文字）元素● div（通用块）元素段落块元素最常用的段落块元素：● id（元素标识）属性●title（提示）属性● style（CSS样式）属性● class（CSS分类）属性通用属性Page 3. 常用列表元素HTML的常用列表元素：ul元素ol元素li元素Page 4.常用表格元素HTML的常用表格元素：table（表格）元素tr（表格行）元素th（表头）元素td（表格单元格）元素 Page 5.常用行元素HTML的常用行元素：● img（图像）元素● a（链接）元素● span（通用行）元素● sub（下标）● sup（上标）元素● b（粗体）● i（斜体）● br（换行）元素 行元素总是与其前后其他元素保持在同一行中的。●● ● ● ● ●Page 6.表单元素HTML的表单元素：用于收集用户输入信息表单控件元素● input（输入框）元素 ● select（下拉框）元素 ● textarea（多行文本输入框）元素 label（表单控件名称）元素fiel