持续学习html的基本使用
日期：2014-05-16 浏览次数：20718 次
继续学习html的基本使用
一、链接
在HTML中超文本的链接非常重要，基本格式如下：
①绝对路劲：
<A HREF="C:\images\article.jpg">绝对路劲链接到本地图片</A>
②相对路劲
<A HREF ="article2.jpg"> 相对路劲链接到本地图片</A>
③链接到上一级目录
形式：协议名：//主机.域名/路劲/文件名
协议包括：
file 本地系统文件
http WWW服务器
ftp ftp服务器
telnet 基于TELNET的协议
mailto 电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器
首先把某段落设置为链接位置，格式为：
<A NAME="链接位置名称"></A>
再调用此链接部分的文件，定义链接：
<A HREF="文件名#链接位置名称">链接文字</A>
当然如果在一个文件内跳转，文件名就可以省略不写。
二、多视窗口FRAMES
使用FRAMES结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每个小窗口可分别载入不同的文件，并且可以相互沟通。
1、基本结构：
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
...
</FRAMESET>
</HTML>
2、各窗口的尺寸设置
我们将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现。
<frameset cols=#>
<frameset rows=#>
#的值为一对用引号括起来的字符串，字符串中的数字表示每个窗口所占的大小，中间用逗号隔开，其中的数字也可以用"*"来代替，表示由浏览器自动分配大小。如
<frameset cols="100,200,300">
<frameset rows="10%,20%,70%">
<frameset cols="100,*,*"> 将100像素以外的窗口平均分配
3、各窗口间的相互操作
①frame的src属性 用来指定要链接的内容，name属性指定该窗口的名字，target属性用来指定所链接的文件出现在哪一窗口，其值可以是name定义的名称，也可以是下面四类值：
<a href=url target=_blank> 显示一个新窗口
<a href=url target=_self> 显示在同一个窗口
<a href=url target=_parent> 显示在Frameset的前一份文件的窗口
<a href=url target=_top> 显示在整个浏览器窗口
②frame的其他属性
<frame frameborder=#> #=yes,no
frameborder指定各窗口边框的设置:yes表示有边框，no表示无边框
<frame marginwidth=# marginheight=#>
#的值为像素点，该属性用来设置窗口的上下左右边界宽度，如不设定，由浏览器自动决定。
<frame scrolling=#>#=yes,no,auto
滚动条设置，yes表示有，no表示没有，auto表示由浏览器自动设置，缺省值是auto。
<frame noresize="noresize">
noresize 属性规定用户无法调整框架的大小。默认地，可以通过拖动框架之间的“墙壁”来改变框架的大小，该属性可以锁定框架的大小。
三、样式表
1.样式表最重要的作用是提供了一种能使所有web页面的样式保持一致的方法。
样式表的三个层次按照从低层到高层的顺序依次是：
①.内置（inline）样式表：适用于单个元素的内容
②.文档层（document level）样式表：适用于整个文档的主体
③.外部（external）样式表：可以应用在多个文档的主体中
在使用时，如果出现冲突，低层次的样式表具有使用上的优先权。
2.使用CSS需要注意的问题：
①有些浏览器可能不支持某些属性值，这时浏览器要么忽略这些属性值要么用一个可选值代替。
②内置样式只适应单个元素，其实违背了样式表的设计初衷，所以应该谨慎使用。
③文档层样式说明出现在文档的头部分，适用于文档的整个主体。所以网站建设的整体风格能够保持一致就是这么实现的。
④外部样式表不属于使用它的文档的一部分，外部样式表需要单独存储，并且使用它时都要进行说明。可以使用MIME类型text/css将外部样式表编写成一些文本文件，它们可以存储在因特网上的任何一台计算机中，浏览器获取外部样式表就如同获取文档一样。网页首部的<l
一、链接
在HTML中超文本的链接非常重要，基本格式如下：
<A HREF="资源地址">链接文字</A>
①绝对路劲：
<A HREF="C:\images\article.jpg">绝对路劲链接到本地图片</A>
②相对路劲
<A HREF ="article2.jpg"> 相对路劲链接到本地图片</A>
③链接到上一级目录
<A HREF="../test.htm">链接到上一级目录</A>
形式：协议名：//主机.域名/路劲/文件名
协议包括：
file 本地系统文件
http WWW服务器
ftp ftp服务器
telnet 基于TELNET的协议
mailto 电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器
如：<A HREF="http://www.baidu.com"> 百度一下</A>
首先把某段落设置为链接位置，格式为：
<A NAME="链接位置名称"></A>
再调用此链接部分的文件，定义链接：
<A HREF="文件名#链接位置名称">链接文字</A>
当然如果在一个文件内跳转，文件名就可以省略不写。
二、多视窗口FRAMES
使用FRAMES结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每个小窗口可分别载入不同的文件，并且可以相互沟通。
1、基本结构：
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<FRAMESET>
<FRAME SRC="url">
<FRAME SRC="url">
...
</FRAMESET>
</HTML>
2、各窗口的尺寸设置
我们将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现。
<frameset cols=#>
<frameset rows=#>
#的值为一对用引号括起来的字符串，字符串中的数字表示每个窗口所占的大小，中间用逗号隔开，其中的数字也可以用"*"来代替，表示由浏览器自动分配大小。如
<frameset cols="100,200,300">
<frameset rows="10%,20%,70%">
<frameset cols="100,*,*"> 将100像素以外的窗口平均分配
3、各窗口间的相互操作
①frame的src属性 用来指定要链接的内容，name属性指定该窗口的名字，target属性用来指定所链接的文件出现在哪一窗口，其值可以是name定义的名称，也可以是下面四类值：
<a href=url target=_blank> 显示一个新窗口
<a href=url target=_self> 显示在同一个窗口
<a href=url target=_parent> 显示在Frameset的前一份文件的窗口
<a href=url target=_top> 显示在整个浏览器窗口
②frame的其他属性
<frame frameborder=#> #=yes,no
frameborder指定各窗口边框的设置:yes表示有边框，no表示无边框
<frame marginwidth=# marginheight=#>
#的值为像素点，该属性用来设置窗口的上下左右边界宽度，如不设定，由浏览器自动决定。
<frame scrolling=#>#=yes,no,auto
滚动条设置，yes表示有，no表示没有，auto表示由浏览器自动设置，缺省值是auto。
<frame noresize="noresize">
noresize 属性规定用户无法调整框架的大小。默认地，可以通过拖动框架之间的“墙壁”来改变框架的大小，该属性可以锁定框架的大小。
三、样式表
1.样式表最重要的作用是提供了一种能使所有web页面的样式保持一致的方法。
样式表的三个层次按照从低层到高层的顺序依次是：
①.内置（inline）样式表：适用于单个元素的内容
②.文档层（document level）样式表：适用于整个文档的主体
③.外部（external）样式表：可以应用在多个文档的主体中
在使用时，如果出现冲突，低层次的样式表具有使用上的优先权。
2.使用CSS需要注意的问题：
①有些浏览器可能不支持某些属性值，这时浏览器要么忽略这些属性值要么用一个可选值代替。
②内置样式只适应单个元素，其实违背了样式表的设计初衷，所以应该谨慎使用。
③文档层样式说明出现在文档的头部分，适用于文档的整个主体。所以网站建设的整体风格能够保持一致就是这么实现的。
④外部样式表不属于使用它的文档的一部分，外部样式表需要单独存储，并且使用它时都要进行说明。可以使用MIME类型text/css将外部样式表编写成一些文本文件，它们可以存储在因特网上的任何一台计算机中，浏览器获取外部样式表就如同获取文档一样。网页首部的<l
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
