Html中内联框架和超链接的使用技巧

2025-10-31 20:16:53

1、Html中图片的标签:img,有两个属性【src,alt,width,height】

用法:<img src="img/魔方.jpg" alt="这是一个魔方" height="200px" />

如果只有一个width标签,那么图片会等比例缩放,如果只有一个height标签,图片也会等比例缩放

Html中内联框架和超链接的使用技巧

Html中内联框架和超链接的使用技巧

2、Html中meta标签的使用方法,有两个属性,name和content。还有一个用法用于重定向,http-equiv属性

案例:

<meta name="keywords" content="Html,java,js" />

<meta name="description" content="这是一个网站" />

<meta http-equiv="refresh" content="5;url=https://****" />

重定向content这个属性,前面的数字是秒数,后面的是重定向到指定的网址去。

Html中内联框架和超链接的使用技巧

3、Html中内联框架的标签:iframe

用法:<iframe src="图片.html" name="you"></iframe>

src属性是要内联哪个网页

Html中内联框架和超链接的使用技巧

4、Html中的超链接标签是:a标签,有两个属性href和target

用法:<a href="图片.html" target="_blank">这是一个超链接</a>

_blank的意思是在空白处打开这个超链接的页面

Html中内联框架和超链接的使用技巧

Html中内联框架和超链接的使用技巧

5、用内联框架和超链接做一个小练习:点击超链接,在当前页面的内联框架中打开指定页面

<a href="图片.html" target="test">打开网址按钮</a>

<iframe src="实体.html" name="test"></iframe>

Html中内联框架和超链接的使用技巧

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢