html的基础应用包含连接、款式表、span和div这些

1、连接
在HTML中超文字的连接十分关键,基础文件格式以下:

<A HREF="資源详细地址">连接文本</A>

1、当地连接
①肯定路劲:
<A HREF="C:\images\article.jpg">肯定路劲连接到当地照片</A>
②相对性路劲
<A HREF ="article2.jpg"> 相对性路劲连接到当地照片</A>
③连接到上1级文件目录

<A HREF="../test.htm">连接到上1级文件目录</A>

2、URL连接
方式:协议书名://主机.网站域名/路劲/文档名
协议书包含:
file 当地系统软件文档
http WWW服务器
ftp ftp服务器
telnet 根据TELNET的协议书
mailto 电子器件电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器

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

3、文件目录连接
最先把某段落设定为连接部位,文件格式为:
<A NAME="连接部位名字"></A>
再启用此连接一部分的文档,界定连接:
<A HREF="文档名#连接部位名字">连接文本</A>
自然假如在1个文档内自动跳转,文档名便可以省略不写。

2、多视对话框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=#>
#的值为1对用引号括起来的标识符串,标识符串中的数据表明每一个对话框所占的尺寸,正中间用逗号分隔,在其中的数据还可以用"*"来替代,表明由访问器全自动分派尺寸。如
<frameset cols="100,200,300">
<frameset rows="10%,20%,70%">
<frameset cols="100,*,*"> 将100像素之外的对话框均值分派
3、各对话框间的互相实际操作
①frame的src特性 用来特定要连接的內容,name特性特定该对话框的姓名,target特性用来特定所连接的文档出現在哪儿1对话框,其值能够是name界定的名字,还可以是下面4类值:
<a href=url target=_blank> 显示信息1个新对话框
<a href=url target=_self> 显示信息在同1个对话框
<a href=url target=_parent> 显示信息在Frameset的前1份文档的对话框
<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 特性要求客户没法调剂架构的尺寸。默认设置地,能够根据拖拽架构之间的“墙壁”来更改架构的尺寸,该特性能够锁住架构的尺寸。

3、款式表
1.款式表最关键的功效是出示了1种能使全部web网页页面的款式维持1致的方式。
款式表的3个层级依照从低层到高层的次序先后是:
①.内嵌(inline)款式表:可用于单独元素的內容
②.文本文档层(document level)款式表:可用于全部文本文档的行为主体
③.外界(external)款式表:能够运用在好几个文本文档的行为主体中
在应用时,假如出現矛盾,低层级的款式表具备应用上的优先选择权。
2.应用CSS必须留意的难题:
①一些访问器将会不适用一些特性值,这时候访问器要末忽视这些特性值要末用1个可选值替代。
②内嵌款式只融入单独元素,实际上违反了款式表的设计方案初衷,因此应当慎重应用。
③文本文档层款式表明出現在文本文档的头顶部分,可用于文本文档的全部行为主体。因此企业网站建设的总体设计风格可以维持1致便是这么完成的。
④外界款式表不属于应用它的文本文档的1一部分,外界款式表必须独立储存,而且应用它时都要开展表明。可使用MIME种类text/css将外界款式表撰写成1些文字文档,它们能够储存在因特在网上的任何1台测算机中,访问器获得外界款式表就好似获得文本文档1样。网页页面首部的<link>元素也能用于特定外界款式表,在<link>中,rel特性用于特定被连接的文本文档与包括改连接的文本文档之间的关联,而href特性用于特定款式表文本文档的URL详细地址。如
<link rel=stylesheet type="text/css" href="themes/AutoTheme/style.css"></link>

4、span和div
<span> 的应用
在一些状况下,规定一些独特的字体样式特性只运用于全部段落的一部分文字,例如把某个字或词组设定为不1样的字体样式或情况这些。这是便可以应用<span>元素,例如:
<p>我十分喜爱<span style="font-size:24pt;font-family:黑体;color:red">程序编写</span>,这是1件十分愉快的事。</p>

<div>的应用
在网页页面中,节是很普遍的方式,每节由若干段落组成,若在设计方案中,期待不但是对各个段落,而是能够对网页页面中的节开展款式设定。这时候便可以应用<div>,它的关键主要用途是特定网页页面中某节或某地区的外型展现细节。