html的基本使用（HTML标签解释）_CSS/HTML

一、链接
在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
的使用
在有些情况下，要求某些特殊的字体属性只应用于整个段落的部分文本，比如把某个字或词组设置为不一样的字体或背景等等。这是就可以使用元素，比如：

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

的使用
在网页中，节是很常见的形式，每节由若干段落构成，若在设计中，希望不仅是对各个段落，而是可以对网页中的节进行样式设置。这时就可以使用

，它的主要用途是指定网页中某节或某区域的外观展示细节。

相关标签：

html标签

来源：php.cn

上一篇：多浏览器支持CSS 容器内容超出(溢出)支持自动换行_经验交流 下一篇：不通过JavaScript实现的自动滚动视差效果_经验交流

本站声明

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

作者最新文章

• 什么是 NullPointerException，如何修复它？
  2024-10-22 09:46:29
• 从新手到程序员：您的旅程从 C 基础知识开始
  2024-10-13 13:53:41
• 使用PHP解锁网络开发：初学者指南
  2024-10-12 12:15:51
• 揭秘 C：为新程序员提供一条清晰简单的道路
  2024-10-11 22:47:31
• 释放您的编码潜力：绝对初学者的 C 编程
  2024-10-11 19:36:51
• 释放你内心的程序员：C 绝对初学者
  2024-10-11 15:50:41
• 使用 C 自动化您的生活：适合初学者的脚本和工具
  2024-10-11 15:07:41
• PHP 变得简单：Web 开发的第一步
  2024-10-11 14:21:21
• 使用 Python 构建任何东西：释放创造力的初学者指南
  2024-10-11 12:59:11
• 编码的关键：为初学者释放 Python 的力量
  2024-10-11 12:17:31

最新问题

SQL Count() 也需要 0 我只有一张表，我想计算起始为0的标签的每个条目现在我尝试这样：SELECT标签，COUNT(start)ASAnzahl，user_idFROMdatensammlung其中(st...

来自于 2024-04-06 19:48:53

0

1

449

CSS 样式未应用于网站 我正在使用Bootstrap5制作网站，但index.css属性未应用于index.html。当我将鼠标悬停在服务卡上时，背景应该会发生变化，从而产生过渡效果。应该是从这个到这个。...

来自于 2024-04-06 17:12:23

0

1

336

为什么我的 hr 标签设置为白色纯色时是半透明的？ 我有一个html（带有引导程序）和一个CSS，在我的html中我有一个<hr>标签，它有一个类，然后在我的CSS中我有它的边框样式。它是半透明的，你可以看到白色，但它不...

来自于 2024-04-06 16:13:26

0

1

500

供应商特定伪元素上的 JavaScript 悬停事件 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...

来自于 2024-04-06 15:35:24

0

1

274

如何让我的图像显示在页面的主显示屏上？ 我想做的是使用NASAAPI接收一些照片。然后在我的网页的缩略图和主显示屏上显示这些照片。我只是弄清楚为什么代码不从缩略图中获取图像并将其显示在页面上。我还使用HTML5及以上版本...

来自于 2024-04-06 15:33:12

0

1

433

相关专题

更多>

• 常见的HTML标签
• HTML标签大全
• OGG常用命令
• typedef和define区别
• java调用webservice
• psp3000破解
• err_connection_reset怎么解决
• html怎么注释代码