0

0

html的基本使用(HTML标签解释)_CSS/HTML

php中文网

php中文网

发布时间:2016-05-16 12:03:59

|

3392人浏览过

|

来源于php中文网

原创

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

1、本地链接
①绝对路劲:
绝对路劲链接到本地图片
②相对路劲
相对路劲链接到本地图片
③链接到上一级目录
链接到上一级目录

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

3、目录链接
首先把某段落设置为链接位置,格式为:

再调用此链接部分的文件,定义链接:
链接文字
当然如果在一个文件内跳转,文件名就可以省略不写。

二、多视窗口FRAMES
使用FRAMES结构设计的HTML文件,能够将整个窗口分成几个独立的小窗口,每个小窗口可分别载入不同的文件,并且可以相互沟通。
1、基本结构:







...


2、各窗口的尺寸设置
我们将窗口分割为几块,横向分用ROWS属性,纵向分用COLS属性,每一块的大小可以由这两个属性的值来实现。


#的值为一对用引号括起来的字符串,字符串中的数字表示每个窗口所占的大小,中间用逗号隔开,其中的数字也可以用"*"来代替,表示由浏览器自动分配大小。如


     将100像素以外的窗口平均分配
3、各窗口间的相互操作
①frame的src属性 用来指定要链接的内容,name属性指定该窗口的名字,target属性用来指定所链接的文件出现在哪一窗口,其值可以是name定义的名称,也可以是下面四类值:
    显示一个新窗口
       显示在同一个窗口
  显示在Frameset的前一份文件的窗口
       显示在整个浏览器窗口
②frame的其他属性
#=yes,no
frameborder指定各窗口边框的设置:yes表示有边框,no表示无边框


#的值为像素点,该属性用来设置窗口的上下左右边界宽度,如不设定,由浏览器自动决定。

#=yes,no,auto
滚动条设置,yes表示有,no表示没有,auto表示由浏览器自动设置,缺省值是auto。


noresize 属性规定用户无法调整框架的大小。默认地,可以通过拖动框架之间的“墙壁”来改变框架的大小,该属性可以锁定框架的大小。

三、样式表
1.样式表最重要的作用是提供了一种能使所有web页面的样式保持一致的方法。
样式表的三个层次按照从低层到高层的顺序依次是:
①.内置(inline)样式表:适用于单个元素的内容
②.文档层(document level)样式表:适用于整个文档的主体
③.外部(external)样式表:可以应用在多个文档的主体中
在使用时,如果出现冲突,低层次的样式表具有使用上的优先权。
2.使用CSS需要注意的问题:
①有些浏览器可能不支持某些属性值,这时浏览器要么忽略这些属性值要么用一个可选值代替。
②内置样式只适应单个元素,其实违背了样式表的设计初衷,所以应该谨慎使用。
③文档层样式说明出现在文档的头部分,适用于文档的整个主体。所以网站建设的整体风格能够保持一致就是这么实现的。
④外部样式表不属于使用它的文档的一部分,外部样式表需要单独存储,并且使用它时都要进行说明。可以使用MIME类型text/css将外部样式表编写成一些文本文件,它们可以存储在因特网上的任何一台计算机中,浏览器获取外部样式表就如同获取文档一样。网页首部的元素也可用于指定外部样式表,在中,rel属性用于指定被链接的文档与包含改链接的文档之间的关系,而href属性用于指定样式表文档的URL地址。如


四、span和div
的使用
在有些情况下,要求某些特殊的字体属性只应用于整个段落的部分文本,比如把某个字或词组设置为不一样的字体或背景等等。这是就可以使用元素,比如:

我非常喜欢编程,这是一件非常愉快的事。

创想C2C多用户商城系统
创想C2C多用户商城系统

创想C2C商城系统,系统功能仿照淘宝设计,采用模块标签技术和静态html生成技术 基于Asp.Net/C#+SQL的开发的创想多用户商城系统,具有智能化、高扩展、稳定安全等特性,后台可自由添加频道,自由修改界面风格,商品无限级 分类,支持在线支付整合,通过安装和使用创想C2C商城系统,就可以轻松建立起专业大型的网上交易平台。创想C2C多用户商城系统5.6.3.8版本升级功能1.网站地区设置功能的增

下载


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

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

37

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

37

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
AngularJS教程
AngularJS教程

共24课时 | 2.6万人学习

前端小白零基础入门HTML5+CSS3
前端小白零基础入门HTML5+CSS3

共361课时 | 33万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号