1、HTML,本章目标,了解HTML概述.理解HTML的基本结构.熟悉HTML常用标记.熟悉HTML表格标记.熟悉HTML框架标记.熟悉HTML表单标记.熟悉HTML其他标记,HTML 概述,Browser/Server,Browser,Server,HTML文档,请求,HTML概述,WEB criterion(WEB标准):结构、表现、行为三个部分.,结构(Structure),表现(Presentation),行为(Behavior),CriterionHTML,XHTML 和XMLDIV + CSSDOM ECMAScript,HTML 概述,HTML 定义,HTML（HyperTextMa
2、rkupLanguage）即超文本标记语言，它是一种用于编写超文本文档的标记语言。自从1990年首次应用于网页编辑后，HTML迅速崛起成为网页编辑的主流语言。几乎所有的网页都是由HTML或以其他程序语言嵌套在HTML中编写的。HTML并不是一种程序语言而是一种结构语言，它具有平台无关性。无论用户使用何种操作系统（Windows、Dos、Unix等等），只要有相应的浏览器程序，就可以运行HTML文档。,HTML 概述,HTML basic frame(HTML基本架构):一个HTML元素的形式可表示为: 内容 , 标题 内容 ,说明： 元素是HTML文档的最高层元素，原则上用它来指出HTML文档
3、的开始与结束。 元素用来标识网页的头部， 元素用来指定浏览器所要显示的标题文字。 元素用来标识HTML文档的主体部分。,HTML常用标记,头部标记,和是HTML的头部标记，其中主要包括对当前网页的一些基本描述信息，例如网页标题、一些说明信息和搜索关键字等。, 标题文字 ,网页标题标记,HTML常用标记,元信息标记,标记是HTML头部标记中常见的元信息标记，可重复出现在头部标记中，用来指明本网页的作者、网页制作工具、所包含的的关键字，以及其他一些描述网页信息。标记的另一个作用是创建HTTP响应头，以便让浏览器知道如何去处理这个网页。,Keywords(关键字)meta name =keyword
4、s content=“.net,c#,,content-Type(显示字符集的设定)meta http-equiv=content-Type content=text/html; charset=gb2312,Link 标记,HTML常用标记,主体标记,和标记是HTML文档的主体标记，其内包括了将在网页中显示的文字、图片、表格、链接、表单等所有内容。,HTML常用标记,标记的属性及其说明,HTML常用标记,段落标记,1.标题文字标记: 标题文字 ,2.分段标记: 文字 说明：分段标记不仅使得后面的文字换行输出，还将在两个段落之间产生一个空行。分段结束标志 可以省略。,3.换行标记:文字 说明：
5、可以连续使用多个 标记来产生多个空行,1-6,4.横线标记:说明：可以连续使用多个 标记来产生多个空行,HTML常用标记,文字格式标记,1. 文字,HTML常用标记,文字修饰标记,HTML常用标记,特殊字符标记,HTML常用标记,列表标记,1有序列表标记 列表项1 列表项n,2无序列表标记 列表项1 列表项n,HTML常用标记,图像标记,HTML常用标记,超链接标记,创建超链接 作用链接的文字或图像,HTML常用标记,链接到同一个页面不同位置 查看 Chapter 3Chapter 1This chapter explains ba bla blaChapter 2This chapter e
6、xplains ba bla blaChapter 3This chapter explains ba bla bla,发送邮件 发送邮件,HTML表格标记,TABLE,网页中经常需要使用各种表格元素，设计者不仅可以通过表格来输出诸如“商品表”或“员工表”中的各行信息，更重要的是可以利用表格来方便地控制网页中各种元素的布局，以便整齐地安排网页中众多的文字和图片等。,表格定义格式: ,HTML框架标记,FRAMESET,框架元素用来将整个浏览器窗口划分为多个不同的矩形区域，在一个区域内可以独立显示与区域之外不同的HTML文档内容。框架元素的定义需要用到框架集标记和框架标记，框架集标记用来定义一个
7、窗口内的框架数、各框架的尺寸等，框架标记则用来具体定义某个框架的名称、在该框架中显示的HTML文档等。,框架定义格式 ,HTML框架标记,iframe标签:iframe 元素会创建包含另外一个文档的内联框架(即行内框架),IFRAME欢迎来到XXX公司,HTML表单标记,FORM,表单的英文名称为form ，用于在网页中为浏览者提供一个输入各种信息的界面，以便Web应用程序和Web数据库获取这些信息。大多数网站的网页设计都需要使用表单元素，例如通过表单来完成用户注册信息的输入或者商品订购信息的输入等.,表单定义格式,get、post,HTML表单标记,Type=button 普通按钮控件Typ
8、e=reset 重置按钮控件Type=submit 提交按钮控件Type=image 图像按钮控件Type=checkbox 复选框控件Type=radio 单选框控件Type=text 文本输入控件Type=password 密码输入控件Type=file 文件上载控件Type=hidden 隐藏字段,HTML表单标记,Name 设置名称Value 设置初始值Src 只针对type=“image”来说Checked 表示选中框中，默认选中Maxlength 表示文本输入框中最大字符数Width 宽度height 高度,HTML表单标记, 标记,文字, 标记,HTML其他标记,动态文字标记,层标记, HTML元素序列,HTML其他标记,嵌入多媒体信息标记,HTML其他标记,(背景音乐), ,作业,采用table布局方式画出三大门户网站或软帝信息科技有限公司网站(选择一个)用代码写出,
