这篇文章将为大家详细讲解有关html图像标记、META标签、内联框架、超链接的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站建设、颍上网络推广、微信小程序定制开发、颍上网络营销、颍上企业策划、颍上品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供颍上建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
1.图像标记
![]()
width=” ”宽度 height=” ” 高度 src=“ ”路径地址 alt=“ ” 描述
ps：为了图片显示不出问题，文件夹名称为英文
2.相对路径 绝对路径
绝对路径：完整确切的位置地址
相对路径：自己相对与目标位置 不论将这些文件放到哪里，只要相对关系没有变，就不会出错
根目录
当前同级目录
上一级目录
3.图片的格式
JPEG：有损图片压缩，对图像影响不大
PNG：GIF优越版本，专门为网页设计
GIF：无损格式，保存没有信息丢失，支持动画
SVG：数字矢量，用户可以用代码描述图片
4.META标签
1）用于描述一个HTML网页文档属性，例如作者、日期和时间、网页描述、关键词、页面刷新
2) 在</code>之间使用</p><pre><meta http-equiv="Content-Type" content="text/html;charset=utf-8">网页编码<meta name="viewpoint"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">移动端<mate name="keywords"content="网页关键字">网页关键字<mate name="description"content="网页描述">网页描述</pre><p><strong>5.xhtml</strong><br/>xhtml是html的一个过渡版本语言<br/><strong>6.内联框架</strong><br/>可以在同一个浏览器显示不止一个页面<br/><code><iframe></iframe></code></p><pre><iframe width=""height=""src=""frameborder=""></iframe></pre><p>width=”“框架的宽度<br/>height=”“框架的高度<br/>src=”“链接地址<br/>frameborder=”“定义框架的边框<br/><strong>7.超链接</strong><br/>可以试用超级链接使网页中的内容能够被点击，用户点击后可打开相应的对象</p><pre><a></a><a href="链接地址">点击打开</a></pre><p>链接地址可以为网页地址或者下载地址</p><p>关于html图像标记、META标签、内联框架、超链接的示例分析就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。</p> <br>
分享标题：html图像标记、META标签、内联框架、超链接的示例分析 <br>
分享URL：<a href="http://www.hdfswf.com/article/jjpgsp.html">http://www.hdfswf.com/article/jjpgsp.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/jphehh.html">ES6如何用一句代码实现函数的柯里化</a>
</li><li>
<a href="/article/pehijp.html">织梦DEDECMS增加自定义属性的方法</a>
</li><li>
<a href="/article/pgihhj.html">php和java对比哪个效率更高</a>
</li><li>
<a href="/article/hoppdp.html">关于windows系统串流的信息</a>
</li><li>
<a href="/article/hsddcj.html">包含windows系统平板推荐的词条</a>
</li><li>
<a href="/article/dseoiss.html">36选7java代码的简单介绍</a>
</li><li>
<a href="/article/dsgpcpj.html">css表单样式代码,css设置表单样式</a>
</li><li>
<a href="/article/dgjidjo.html">scala生成html5 scala生成1到10随机数</a>
</li><li>
<a href="/article/coscipo.html">2023运城中考志愿填报方法？</a>
</li><li>
<a href="/article/ccscisd.html">Linux下划分VLAN具体方法</a>
</li> </ul>
</div>
</div>
<div class="footer">
<div class="contain">
<div class="foot-nav clearfix">
<ul class="footer-menu">
<li class="dropdown" ><a class="dropdown-toggle">服务范围<b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/website.html">网站建设</a></li>
<li><a href="/weixin/" rel="nofollow">微信开发</a></li>
<li><a href="/app/" rel="nofollow">APP开发</a></li>
<li><a href="/design/" rel="nofollow">品牌设计</a></li>
<li><a href="/market/" rel="nofollow">营销推广</a></li>
</ul>
</li>
<li class="dropdown"><a href="/webcase/" class="dropdown-toggle" title=德阳做网站案例>德阳做网站案例<b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/webcase/jtssgslist.html" id="ctl00_show_85" title="集团上市公司">集团上市公司</a></li>
<li><a href="/webcase/ppwzlist.html" id="ctl01_show_81" title="品牌网站">品牌网站</a></li>
<li><a href="/webcase/xiangyingshilist.html" id="ctl02_show_82" title="响应式网站">响应式网站</a></li>
<li><a href="/Marketingwebsite/index.html" id="ctl03_show_83" title="营销型网站">营销型网站</a></li>
<li><a href="/waimaowangzhan/index.html" id="ctl04_show_84" title="外贸网站">外贸网站</a></li>
</ul>
</li>
<li class="dropdown"><a href="/news/" class="dropdown-toggle">新闻中心 <b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/news/2.html" id="ctl00_show_70" title="德阳网站建设">德阳网站建设</a></li><li><a href="/news/3.html" id="ctl00_show_70" title="德阳市网站设计">德阳市网站设计</a></li><li><a href="/news/5.html" id="ctl00_show_70" title="德阳网站制作公司">德阳网站制作公司</a></li><li><a href="/news/6.html" id="ctl00_show_70" title="德阳网站优化">德阳网站优化</a></li> </ul>
</li>
<li class="dropdown"><a href="/Knowledge/" class="dropdown-toggle">知识学堂 <b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/websitelist/12.html" title="德阳网站排名">德阳网站排名</a></li><li><a href="/websitelist/8.html" title="四川德阳网络公司">四川德阳网络公司</a></li><li><a href="/websitelist/9.html" title="德阳网站推广">德阳网站推广</a></li><li><a href="/websitelist/10.html" title="德阳小程序开发">德阳小程序开发</a></li> </ul>
</li>
<li class="dropdown"><a href="/about/" class="dropdown-toggle" rel="nofollow">关于我们 <b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/about/jj/index.html" id="ctl00_show_1300" title="公司简介" rel="nofollow">公司简介</a></li>
<li><a href="/about/history/index.html" id="ctl01_show_1301" title="发展历史" rel="nofollow">发展历史</a></li>
<li><a href="/about/jjtd/index.html" id="ctl02_show_1302" title="精英团队" rel="nofollow">精英团队</a></li>
<li><a href="/about/join/" rel="nofollow">加入我们</a></li>
<li><a href="/about/contact/" rel="nofollow">联系澄梦希喜</a></li>
</ul>
</li>
</ul>
<dl class="last-dl">
<dt> <a href="javascript:;" title="联系我们" rel="nofollow">联系澄梦希喜</a> </dt>
<dd class="conta"> <span><img src="/Public/Home/images/zg_ewm.png" width="100" /><br />
企业微信号</span> </dd>
</dl>
</div>
<div class="childcompan clearfix"> </div>
<div class="copy">
友情链接：
<a href="http://www.gzjike.cn/" title="公路钻孔机" target="_blank">公路钻孔机</a> <a href="http://www.hongcaicy.com/" title="成都企业食堂管理" target="_blank">成都企业食堂管理</a> <a href="http://www.jiguiidc.com/" title="成都机柜IDC" target="_blank">成都机柜IDC</a> <a href="http://www.scwhnkj.com/" title="广告旗帜制作" target="_blank">广告旗帜制作</a> <a href="http://www.xuridl.com/" title="珀金斯发电机维修" target="_blank">珀金斯发电机维修</a> <a href="http://www.cdxwcx.cn/tuoguan/mianyang.html" title="绵阳服务器托管" target="_blank">绵阳服务器托管</a> <a href="https://www.cdcxhl.cn/hkcloud.html" title="香港云服务器租用" target="_blank">香港云服务器租用</a> <a href="https://www.tyhkzb.com/" title="大悟县网站建设" target="_blank">大悟县网站建设</a> <a href="http://www.lsfdjgs.com/" title="乐山康明斯发电机" target="_blank">乐山康明斯发电机</a> <a href="http://www.azwzsj.com/" title="阿坝州网站建设" target="_blank">阿坝州网站建设</a> </div>
<br>
123ABC<strong> <a href="/">德阳网站建设</a></strong>，德阳定制网站建设——全心全意建网站公司 </div>
</div>
<script type="text/javascript" src="/Public/Home/js/meiqia.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/Public/Home/js/i.js"></script>
<script type="text/javascript" src="/Public/Home/js/script.js"></script>
<script type="text/javascript" src="/Public/Home/js/SuperSlide.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.toTop.min.js"></script>
<script type="text/javascript" src="/Public/Home/js/num-change.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(".menu li").eq(7).addClass("current-menu-item");
</script>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
