这篇文章将为大家详细讲解有关html图像标记、META标签、内联框架、超链接的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
十年专业网络公司历程，坚持以创新为先导的网站服务，服务超过上千多家企业及个人，涉及网站设计、
APP应用开发、微信开发、平面设计、互联网整合营销等多个领域。在不同行业和领域给人们的工作和生活带来美好变化。
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><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br>
分享文章：html图像标记、META标签、内联框架、超链接的示例分析-创新互联 <br>
网页链接：<a href="http://cdiso.cn/article/epihd.html">http://cdiso.cn/article/epihd.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/jjijdo.html">Spring2.0有什么新功能</a>
</li><li>
<a href="/article/jjijis.html">C++中的预处理命令是什么</a>
</li><li>
<a href="/article/jjijid.html">SpringBoot自动配置的原理、核心注解以及如何利用自动配置实现自定义Starter组件</a>
</li><li>
<a href="/article/jjijip.html">如何在Ubuntu桌面中使用文件和文件夹</a>
</li><li>
<a href="/article/jjijie.html">如何实现单机版DataBase：概览</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/8.html" title="网站建设知识">网站建设知识</a></li><li><a href="/websitelist/9.html" title="网站设计知识">网站设计知识</a></li><li><a href="/websitelist/10.html" title="微信营销知识">微信营销知识</a></li><li><a href="/websitelist/11.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="https://www.cdcxhl.com/sosuo.html" title="网站搜索引擎优化" target="_blank">网站搜索引擎优化</a> <a href="http://chengdu.cdcxhl.com/weixin/" title="微信公众号开发" target="_blank">微信公众号开发</a> <a href="http://www.hlhk555.cn/" title="航龙航空" target="_blank">航龙航空</a> <a href="http://www.yunjinzhai.com/" title="仿古建筑设计" target="_blank">仿古建筑设计</a> <a href="http://www.cdhuace.com/huace.html" title="宣传册设计" target="_blank">宣传册设计</a> <a href="http://www.schzyjs.com/" title="和正源建设" target="_blank">和正源建设</a> <a href="https://www.cdcxhl.cn/
" title="香港云虚拟主机" target="_blank">香港云虚拟主机</a> <a href="http://www.cdymzj.com/" title="注册域名" target="_blank">注册域名</a> <a href="https://www.cdxwcx.com/jifang/leshan.html" title="四川乐山服务器托管" target="_blank">四川乐山服务器托管</a> <a href="https://www.cdcxhl.com/mobile.html" 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>
