【你也能从零基础学会网站开发】Web建站之HTML+CSS入门篇常用HTML标签(3)

极客小俊

已于 2024-03-12 09:53:18 修改

阅读量403

点赞数 6

分类专栏：编程教程文章标签： HTML CSS frameset iframe 免费教程常用标签前端开发

于 2024-03-08 02:11:12 首次发布

本文链接：https://blog.csdn.net/windowsxp2018/article/details/136550061

版权

编程教程专栏收录该内容

30 篇文章 1 订阅

订阅专栏

🚀 个人主页 极客小俊
✍🏻 作者简介：程序猿、设计师、技术分享
🐋 希望大家多多支持, 我们一起学习和进步！
🏅 欢迎评论 ❤️点赞💬评论 📂收藏 📂加关注

HTML框架集标签

所谓框架便是将网页画面分成几个框窗，同时取得多个 URL(链接)。
只要 <frameset> <frame> 即可，而所有框架标记　要放在一个整体的 html 档，这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入 <body> 标记，浏览这框架必须读取这档案而不是其它框窗的档案。

<frameset> 是用以划分框窗，每一框窗由一个 <frame> 标记所标示，<frame>必须在 <frameset> 范围中使用。

`<frameset>标签`

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。
每个框架存有独立的文档。
在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。
属性
cols:定义框架集中列的数目和尺寸
rows:定义框架集中行的数目和尺寸
注意一般必须使用 cols 或 rows 属性。

`<frame>标签`

定义和用法
<frame> 标签定义 frameset 中的一个特定的窗口（框架）。
frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等。
例如：

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

可选的属性

frameborder:规定是否显示框架周围的边框。
marginheight:定义框架的上方和下方的边距。
marginwidth:定义框架的左侧和右侧的边距。
name:规定框架的名称。
noresize:规定无法调整框架的大小。
scrolling:规定是否在框架中显示滚动条。
src:规定在框架中显示的文档的 URL。

`<noframes>标签`

noframes 元素可为那些不支持框架的浏览器显示文本。
noframes 元素位于 frameset 元素内部。
例如：

<frameset cols = "25%, 25%,*">
  <noframes>
  <body>Your browser does not handle frames!</body>
  </noframes>
  <frame src ="venus.htm" />
  <frame src   ="sun.htm" />
  <frame src ="mercur.htm"   />
</frameset>

`<iframe>标签`

iframe 元素会创建包含另外一个文档的内联框架, 俗称内联框架
可选的属性

align:规定如何根据周围的元素来对齐此框架。
frameborder:规定是否显示框架周围的边框。
height:规定 iframe 的高度。
marginheight:定义 iframe 的顶部和底部的边距。
marginwidth:定义 iframe 的左侧和右侧的边距。
name:规定 iframe 的名称。
scrolling:规定是否在 iframe 中显示滚动条。
src:规定在 iframe 中显示的文档的 URL。
width:定义 iframe 的宽度。

其他标签

`<MARQUEE> 跑马灯标签`

<MARQUEE> 译为跑马灯如意指走动或卷动的 文字，其参数设定很多。
可选属性：

direction:文字移动属性的设置
bihavior:文字移动的方式
loop:文字循环多少次，若未指定则循环不止
scrollamount：运动速度
scrolldelay：延时滚动
Layout：对齐方式
bgcolor：背景颜色
height width：宽高度
hspace vspace：水平、垂直宽度

注意:这个标签当前w3c已经弃用，但任然可以正常工作,有兴趣的朋友可以去试试!!