什么是HTML和网页文件
2012-10-25 11:35
274 查看
属性设置的一般格式为:属性名=属性值,属性值部分可以用英文的双引号(“”)或单引号(‘)引起来,
帧标签
<html>
<frameset rows="30%,*">
<frame src="top.html" noresize>
<frameset cols="30%,*">
<frame src="left.html" scrolling=yes>
<frame src="right1.html" name="right">
</frameset>
</frameset>
</html>
<frameset>标签对内不能添加<body></body>等标签
图像地图
服务器端地图
客户端地图
1、图像超链接
格式为:<a href="url" ><img src="url"></a>
2、把一幅图像分成多个区域,每个区域指向不同的URL地址。譬如,将一幅中国地图的图像按省市活佛成若干区域,这些区域被称为热点,单击热点区域,就可以连接到省市有关的页面,这就是图像地图。
3、怎样产生图像地图
(1)首先必须定义出图像上的各热点区域的形状、位置坐标、及其指向的url地址等嘻嘻,这个过程叫图像热的映射。图像热的映射需要使用
<map name="mapname"></map>标签对进行说明,其中的name属性为该图像热的映射指定了一个名称。
(2)图像热点映射中的各个区域用<area>标签说明,<area>标签的格式为:<area shape="形状" coords="坐标" href="url">。href部分也可以用nohref替换,
表示在该区域单击鼠标无效。<area> 标签还可以有一个target属性,用来指明浏览器在那个窗口或帧中显示href属性所指向的网页资源。
(3)定义好了图像热点映射后,接着就要在<img>图像标签中增加一个名为usemap的数学设置,usemap属性指定该图像被用作图像地图,其设置值为所使用的图像热点映射名称,格式为:在<map>标签的name属性设置值前多加一个"#"字符。例如:<img src="china.jpg" usemap="#mymap">
(4)shape属性的设置说明:
rect定义一个矩形区域,coords属性设置值为矩形的左上角、右下角的坐标,各个坐标值之间用逗号分开;
poly定义一个多边形区域,coords属性设置值为多边形各顶点的坐标值;
circle定义一个圆形区域,coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横、纵坐标,第三个参数为半径。
思考与实践
1、描述什么是HTML标签及其作用。
2、描述DTD文件的作用及其与HTML文件的关系。
3、描述什么是URL及其组成部分,举一个具有端口号的URL例子。
4、编写一个html网页文件,在该网页文件中加入5个大的段落,在文件开始处是每个段落的标题名,单击任何一个标题标题名,浏览器定位到该标题对应的段落处显示。
头元素
头元素是指位于<head> </head> 标签对之间的元素
<title> </title>
<link>
<base>
<mete>
帧标签
<html>
<frameset rows="30%,*">
<frame src="top.html" noresize>
<frameset cols="30%,*">
<frame src="left.html" scrolling=yes>
<frame src="right1.html" name="right">
</frameset>
</frameset>
</html>
<frameset>标签对内不能添加<body></body>等标签
图像地图
服务器端地图
客户端地图
1、图像超链接
格式为:<a href="url" ><img src="url"></a>
2、把一幅图像分成多个区域,每个区域指向不同的URL地址。譬如,将一幅中国地图的图像按省市活佛成若干区域,这些区域被称为热点,单击热点区域,就可以连接到省市有关的页面,这就是图像地图。
3、怎样产生图像地图
(1)首先必须定义出图像上的各热点区域的形状、位置坐标、及其指向的url地址等嘻嘻,这个过程叫图像热的映射。图像热的映射需要使用
<map name="mapname"></map>标签对进行说明,其中的name属性为该图像热的映射指定了一个名称。
(2)图像热点映射中的各个区域用<area>标签说明,<area>标签的格式为:<area shape="形状" coords="坐标" href="url">。href部分也可以用nohref替换,
表示在该区域单击鼠标无效。<area> 标签还可以有一个target属性,用来指明浏览器在那个窗口或帧中显示href属性所指向的网页资源。
(3)定义好了图像热点映射后,接着就要在<img>图像标签中增加一个名为usemap的数学设置,usemap属性指定该图像被用作图像地图,其设置值为所使用的图像热点映射名称,格式为:在<map>标签的name属性设置值前多加一个"#"字符。例如:<img src="china.jpg" usemap="#mymap">
(4)shape属性的设置说明:
rect定义一个矩形区域,coords属性设置值为矩形的左上角、右下角的坐标,各个坐标值之间用逗号分开;
poly定义一个多边形区域,coords属性设置值为多边形各顶点的坐标值;
circle定义一个圆形区域,coords属性设置值为圆心坐标及半径,前两个参数分别为圆心的横、纵坐标,第三个参数为半径。
思考与实践
1、描述什么是HTML标签及其作用。
2、描述DTD文件的作用及其与HTML文件的关系。
3、描述什么是URL及其组成部分,举一个具有端口号的URL例子。
4、编写一个html网页文件,在该网页文件中加入5个大的段落,在文件开始处是每个段落的标题名,单击任何一个标题标题名,浏览器定位到该标题对应的段落处显示。
头元素
头元素是指位于<head> </head> 标签对之间的元素
<title> </title>
<link>
<base>
<mete>
相关文章推荐
- 静态网页和动态网页—HTML(htm)文件和aspx(asp)文件
- 引用CSS文件到html网页里方法
- ASP动态网页生成静态Html网页文件技术
- 用记事本编辑HTML文档在网页浏览会出现乱码,是什么原因?
- UIWebView获得网页内容(HTML源码)、加载本地HTML文件
- ios UIWebView 加载网页、文件、 html
- 网页生成pdf文件。(html转pdf)(带效果图)
- 引用CSS文件到html网页里的四种方法
- ASP网站数据采集程序制作:一个采集入库生成本地文件的几个FUCTION(可用来生成HTML静态网页)
- 伪静态是什么?伪静态与普通html静态网页区别?
- 谷歌浏览器点击网页是没有打开而是下载了一个html文件
- 将 html 代码写入 js 文件中,然后在网页中引用此 js 文件,实现头模板重用
- ios UIWebView 加载网页、文件、 html
- 【ttf 压缩】html网页引用中文字体,文件过大,加载缓慢的解决办法【字蛛】【web font】
- 文件的ContentType类型-网页设计,HTML/CSS
- 引用CSS文件到html网页里方法
- UIWebView加载网页、html、本地文件、二进制方式加载本地文件
- ASP动态网页生成静态Html网页文件技术
- html的网页也会带毒吗?网页带毒一般什么回事?
- HTML网页/KRPano项目一键打包EXE工具(HTML网页打包成单个windows可执行文件exe)