HTML(七)

本文介绍了网页设计中的框架布局技巧及多媒体元素的插入方法。包括框架分隔方式、窗口框架设置、滚动字体效果、链接文档打开位置设定、视频与音频的插入等。适合初学者学习并实践。

1.11 框架的应用

一,框架分隔方式

  1. 左右分隔方式
    在这里插入图片描述
    实例代码 :
    在这里插入图片描述
    效果:
    在这里插入图片描述

  2. 上下分隔窗口
    在这里插入图片描述
    实例代码:
    在这里插入图片描述
    效果:
    在这里插入图片描述

  3. 嵌套分隔窗口
    在这里插入图片描述
    实例代码:
    在这里插入图片描述
    效果:
    在这里插入图片描述
    二,窗口框架设置

    1. 设置窗口框架宽度属性border
      在这里插入图片描述
    2. 边框颜色属性bordercolor
      在这里插入图片描述
    3. 框架隐藏属性
      在这里插入图片描述
      实例代码:
      在这里插入图片描述
      效果:
      在这里插入图片描述

1.12 多媒体网页效果

一,滚动字体

<marquee direction="" behavior="" loop="" scrollamount ="" scrolldelay="" align="" bgcolor="#" height="" width="" hspace="" vspace="">滚动文字</marquee>

direction:移动方向 left,right,up,down
behavior:移动效果 scroll(循环),slide(滚动一次停止),alternate(交替滚动)
loop:循环滚动次数
scrollamount:文字滚动速度
scrolldelay:文字每次滚动间隔时间

实例代码:
在这里插入图片描述
效果:
在这里插入图片描述
二,在何处打开链接文档
在这里插入图片描述
html中的< a>标签的target属性规定在何处打开链接文档。

使用方法:写法< a href = “路径” target=“属性值”>跳转的路径-在这指的是需要跳转的页面的网址。

实例代码:

<p>相对路径 URL: <a href="test.html" target="_blank">a 标签</a></p>

 其中target="_blank"是a标签的一个属性,属性值_blank代表在一个新的窗口打开
test.html链接。

html中a标签target属性的属性值介绍:

1、_blank:target="_blank"
含义:在一个新的窗口打开被连接文档

2、_self:target="_self"
含义:在当前页面打开被链接文档

3、_parent:target="_parent"
含义:在父框架集中打开被链接文档

4、_top:target="_top"
含义:在整个窗口打开被链接文档 

三,插入视频

<embed src="多媒体文件名称" width=宽度 height=高度 loop=播放次数>

实例代码:
在这里插入图片描述
效果:
在这里插入图片描述

四,插入音频
在这里插入图片描述
实例代码:
在这里插入图片描述
效果:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值