视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
html的基本使用包括链接、样式表、span和div等等
2020-11-27 14:44:50 责编:小采
文档


一、链接
在HTML中超文本的链接非常重要,基本格式如下:

<A HREF="资源地址">链接文字</A>

1、本地链接
①绝对路劲:
<A HREF="C:\images\article.jpg">绝对路劲链接到本地图片</A>
②相对路劲
<A HREF ="article2.jpg"> 相对路劲链接到本地图片</A>
③链接到上一级目录

<A HREF="../test.htm">链接到上一级目录</A>

2、URL链接
形式:协议名://主机.域名/路劲/文件名
协议包括:
file 本地系统文件
http WWW服务器
ftp ftp服务器
telnet 基于TELNET的协议
mailto 电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器

如:<A HREF="http://www.baidu.com"> 百度一下</A>

3、目录链接
首先把某段落设置为链接位置,格式为:
<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将外部样式表编写成一些文本文件,它们可以存储在因特网上的任何一台计算机中,浏览器获取外部样式表就如同获取文档一样。网页首部的<link>元素也可用于指定外部样式表,在<link>中,rel属性用于指定被链接的文档与包含改链接的文档之间的关系,而href属性用于指定样式表文档的URL地址。如
<link rel=stylesheet type="text/css" href="themes/AutoTheme/style.css"></link>

四、span和div
<span> 的使用
在有些情况下,要求某些特殊的字体属性只应用于整个段落的部分文本,比如把某个字或词组设置为不一样的字体或背景等等。这是就可以使用<span>元素,比如:
<p>我非常喜欢<span style="font-size:24pt;font-family:黑体;color:red">编程</span>,这是一件非常愉快的事。</p>

<div>的使用
在网页中,节是很常见的形式,每节由若干段落构成,若在设计中,希望不仅是对各个段落,而是可以对网页中的节进行样式设置。这时就可以使用<div>,它的主要用途是指定网页中某节或某区域的外观展示细节。

下载本文
显示全文
专题