HTML23语言.doc

HTML 语言v 相关概念1、 Web：World Wide Web，全球广域网（1） Web站点的基本单元是Web页面。一个页面是文本、图像、声音、图形、视频等形式的信息集合（2） Web页面是HTML（超文本标识语言）写成的文档 （3） Web中有“文档”和“连接”两个概念。网上的文档是按统一资源定位器URL（Uniform Resource Locator）寻址的。（/commerce/login.htm）（4） Web页面分为两种：静态页面和动态页面。（5） 一组相关的 Web页面组成一个Web站点二、URL 统一资源定位器（1） 是互联网上资源的地址。（2） 提供统一格式的Internet信息资源地址的表示方法；将Internet提供的各种类型服务统一编址（3） 格式：协议：/域名 / 文件路径和文件名（4） 描述了Web浏览器对Internet信息资源所在的计算机主机名（域名）以及信息资源所在的文件路径和文件名。（5） 协议：有以下几种l HTTP：提供WWW服务，传输协议是HTTPl FTP：提供文件传输服务，传输协议是FTPl Telnet：提供远程登录服务，传输协议是Telnetl Gopher：提供Gopher服务l Mailto：提供E-mail服务，传输协议是SMTPl News：提供新闻服务，传输协议是NMTP三、URL 统一资源定位器（1） 域名：指信息资源所在的网络或服务器1. 可以唯一确定Internet上每一台计算机的地址2. 一般指用多级域名方式表示的公司、企业或单位的网址（2） 文件路径和文件名：指信息资源在服务器上的路径和文件名（3） URL中可以使用IP地址做网络地址。如：23（4） HTTP：超文本传输协议 是客户和服务器通讯使用的下层协议。 是分布、协作的超媒体信息系统的应用层协议 是一般的、无国籍的面向对象的协议 功能是键入并协商数据的表示，允许建立独立于正在传输的数据的系统v HTML简介（Hypertext Markup Language）1、 超文本标识语言（1） 网页制作的基本语言（2） 是一种结构语言，具有跨平台性 二、HTML的基本结构 序：1指文件的注释部分2以“”结尾，可放在文件的任何地方 文件头：1由头标记和尾标记构成2标题写在和之间 主体：1文件的主体部分放在头标记和尾标记中间v HTML的基本标记1、 结构定义：标记：用来表示一个文件的起始，结束标记为标记：文档头部，用来设置初始化文档信息；结束标记为标记：设置页面名字，通常显示在浏览器的标题栏中；结束标记为标记：包含了HTML文档的全部内容，这些内容将被浏览器格式化显示出来。显示的风格由包围文本的标签决定；包括一些设定颜色的属性：text属性：控制Web页中所有的文本的颜色（不包括链接）link属性：控制Web页中标准的、未被访问过的链接的颜色vlink属性：控制已访问过的链接的颜色alink属性：控制当一个链接在鼠标按下还没有释放的颜色background 属性：设置页面的背景图片bgcolor 属性 ：设置页面的背景颜色2、 格式控制： ：指明一个段落的起止 ：第一层头标题 ：第二层头标题 ：第三层头标题 ：第四层头标题 ：第五层头标题 ：第六层头标题 ：开始新的一行 ：插入一水平分隔线（4 个属性） ：有序列表 ：无序列表 ：在列表中另起一行 ：按源文件格式显示3、 字体的物理风格控制： ：黑体正文 ：以当前字体中的大字体显示正文 ：斜体正文 ：在文字中间加一条删除线 ：用比当前字体小的字体显示正文 ：以定宽字体显示正文 ：在文字下端加一条下划线 ：以其中的字体作下标显示 ：以其中的字体作上标显示4、 字体和字号标记：（一） ：控制字符的显示，有几个重要的属性：size属性：用来指明字体的显示字号，范围为17。其中3为默认值。也可以使用相对值来指定字号的大小，相对值是针对3的，使用“”和“”的方法来指定字号的大小，范围为24 face属性：用来指明文本的实际显示字体。要求客户机中必须包括指定的这种字体。color属性：用来指明文字的颜色。可以使用两种方法设置文字的颜色。一种是用颜色的十六进制的RGB值，如 另一种是使用颜色的名字。常用颜色表：颜色颜色名称颜色值 颜色 颜色名称 颜色值水色Aqua #00FFFF 绿色 Green #008000灰色Gray #808080 橄榄色 Olive #808000海军色Navy #000080 红色 Red #FF0000水鸭色Teal #008080 紫色 Purple #800080兰色Blue #0000FF 黄色 Yellow #FFFF00银色Silver #C0C0C0 茶色 Maroon #800000黑色black #000000 白色 white #FFFFFF5、 地址标记： ：用于Web页面上类似于签名的实体。常写在每个页面的最底行，用来显示页面的作者、联系人、日期、版权信息以及其他警告信息等。v 文档中的链接： 使用标记的“HREF”属性达到这个目的。1、 是HTML的基本功能，能够使你跳转到Web或本地网络站点上不同的文档，还能跳转到同一个页面的不同部分。2、 链接靠定义链接文件的URL实现。v 超级链接：1、 锚标签：其用法如下：（1） 锚标签常用的属性有如下几个：1. HREF：用来指明要链接的位置的URL2. NAME:用来指出文件中被链接点的定位名称，也称锚名，通过锚名建立链接时，要在锚名之前加一个“#”号。 二、链接到网页内部：1建立书签的格式为：小节名字2链接到书签的语法格式为：超级链接导引文字三、链接到其他站点：四、链接到站点内部的网页：我的爱好五、链接到磁盘文件：六、链接到电子邮件：1请联系我们 2如果除了收件人地址之外，还有主题、抄送、暗送等项目需要根据具体情况选择填写，还需加上其它一些属性，具体格式如下：锚点文本v 图形： ：将一幅图形插入到HTML文件中。有两个重要的属性：src属性：包含了要显示的图形文件的路径 alt属性：当浏览器正在装载要显示的图形时，可以用此属性指明图形的作用。v 对齐标记：要对齐单独的一个标题或一个段落，在该HTML标记后使用align属性。有3个取值：left：左对齐right：右对齐center：居中对齐v 列表：1、 无序列表：用标签，表中的每一项用标识。它主要用于说明文件中需要列表的成分，但同时又不强调其列表顺序的地方。无序列表的定义格式为： 列表项.例子说明：有一个type属性，并可取如下值（一定要小写），以选择不同的分项符。当 type=disc时，分项符为实心圆点（默认值） 当 type=circle时，分项符为空心圆点。当 type=square时，分项符为实心方块。2、 有序列表：用标签，表中的每一项用标识。有序列表的定义格式为： 列表项 . . 例子 说明：有两个属性type 和start，type属性用来指定各列表项以何种类型进行编号。具体来说是：当 type=A时，用大写字母进行编号。当 type=a时，用小写字母进行编号。当 type=I时，用大写罗马数字进行编号。当 type=i时，用小写罗马数字进行编号。当 type=1时，用数字1，2，3.进行编号。此为默认值。v 表格：1、 基本标记有：（1） ；用于标注表格。有5 个可选的属性：align属性：表格本身在页面中的对齐方式width属性：用来设置表格的宽度border：设置表格的边框宽度cellspacing：设置框线的宽度，单位是像素cellpadding：设置表元内容与框线之间的间距，单位是像素（2） ：用来标注表格的标题。（3） ：表格的构造是按行进行的，每个表行由TR进行封装（4） 和：表示一个表行中的各个单元。其中表示的是普通表元；表示的是表头v 特殊字符集特殊字符含义< 表示文档内的“”号& 表示文档内的“&”号&qout 表示文档内的双引号“”  一个非换行空格© 版权符号&trade 商标符号v HTML框架：1、 框架结构标签（） （1） 框架结构标签（）定义如何将窗口分割为框架 （2） 每个 frameset 定义了一系列行或列 （3） rows/columns 的值规定了每行或每列占据屏幕的面积 （4） 使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。（5） 使用框架的坏处：1开发人员必须同时跟踪更多的HTML文档 2很难打印整张页面 （6） 重要提示：不能将 标签与 标签同时使用！ 二、HTML中的表单：使用对来定义表单v 文本输入框：有两种：第一种是单文本输入框，引入格式为： 第二种是文本区域，引入格式为：default value v 按钮：有三种类型：1、提交按钮，type=submit 2、重置按钮，type=reset3、普通按钮，type=buttonv 单选框：使用标记创建，属性type的值为radio 如：是 否v 复选框：使用标记创建，属性type的值为checkbox 如：北京 上海v 下拉列表（列表框）：使用