这篇文章主要介绍了html中适合新手的练习示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
站在用户的角度思考问题，与客户深入沟通，找到敖汉网站设计与敖汉网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、虚拟主机、企业邮箱。业务覆盖敖汉地区。
第1题 考察title标签
.jpg)
.jpg)
出现在<head>里面，表示页面的标题。直观上，我们可以在浏览器的标题栏（标签栏）中看见。</p><p>B正确。</p><p>第2题 考察的就是HTML的本质</p><p><img src="/upload/otherpica43/2853.jpg" alt="html中适合新手的练习示例"></p><p>答案：D</p><p>解析：首先HTML只依靠标签对儿表达语义，和是否缩进、换行没有任何关系；只要是标签有正确的嵌套关系，正确的父子关系，那么就是一个合法的HTML结构，不一定要缩进。百度的首页，为了减小文件体积，所以都是没有缩进的。提到HTML的作用，只能从语义方面从想，绝对不能想样式。所以C错误的。D正确。</p><p>第3题 考察常用属性</p><p><img src="/upload/otherpica43/2854.jpg" alt="html中适合新手的练习示例"></p><p>答案：D。</p><p>此题主要是考查插入图片和超链接的标签，这两句都是比较容易记住的，大家最好记住一些常用的标签语句。</p><pre>1 <img src="1.jpg" />
2
3 <a href="1.html">点击我</a></pre><p>img是image“图像”；</p><p>src是source“资源”；</p><p>a是anchor“锚”；</p><p>href是hypertext reference“超文本地址”</p><p>第4题 考察HTTP的原理</p><p><img src="/upload/otherpica43/2855.jpg" alt="html中适合新手的练习示例"></p><p>答案：B。</p><p><a title="服务器" target="_blank" href="http://www.cdfuwuqi.com/">服务器</a>上有一些文件，html、图片、css、js文件，通过HTTP请求传输到了用户的电脑里面。所以，第二次访问的时候，这些图片就不用传输了，所以页面变得快。</p><p>A，错误，没有所谓的vip通路。</p><p>B，正确</p><p>C，错误。因为HTTP不是一个持久连接的协议，传完就拉倒了，就关闭连接了，所以没有一个持续的通路。</p><p>D，错误。每次访问，都是不同的寻址过程，不会“记路”。</p><p>第5题 纯文本</p><p><img src="/upload/otherpica43/2856.jpg" alt="html中适合新手的练习示例"></p><p>答案：C。</p><p>用记事本打开，不是乱码，是可读的，那么一定是纯本文文件。只有文本，没有样式，没有语义。</p><p>所以，.java文件是纯文本的,.class文件不是纯文本的。</p><p>所有的纯文本文件都能用记事本、notepad++、editplus、sublime编辑。</p><p>第6题 考察XHTML</p><p><img src="/upload/otherpica43/2857.jpg" alt="html中适合新手的练习示例"></p><p>答案：B。</p><p>所有的标签名、属性都要小写，必须使用引号，必须封闭。答案是B</p><p>第7题 考察定义列表</p><p><img src="/upload/otherpica43/2858.jpg" alt="html中适合新手的练习示例"></p><p>答案：B。</p><p>一定要记住每个标签标示什么，就是英语原意是什么？比如</p><p>dl 就是definition list， 定义列表；</p><p>dt 就是definition title，定义标题；</p><p>dd就是definition description，定义描述</p><p>第8题 考察相对路径</p><p><img src="/upload/otherpica43/2859.jpg" alt="html中适合新手的练习示例"></p><p>1.html中，有一个能够点击的图片。所以骨架：</p><pre>1 <a href=""><img src="" /></a></pre><p>href里面是相对路径，要从1.html出发找到2.html；</p><p>src里面也是相对路径，要从1.html出发找到kaola.png。</p><p>标准答案：</p><pre>1 <a href="../myweb2/2.html" target="_blank"><img src="../../photo/kaola.png" /></a></pre><p>我们一直在用的是相对路径，就是从自己出发找到别人。用相对路径的好处很明显，就是站点文件夹可以拷着走。</p><p>相对路径的好处：站点不管拷贝到哪里，文件和图片的相对路径关系都是不变的。</p><p>相对路径使用有一个前提，就是网页文件和你的图片，必须在一个服务器上。</p><p>比如，你现在想插入一个新浪网上的图片，那么就不能用相对路径。就要用绝对路径。</p><p>绝对路径非常简单，所有以http://开头的路径，就是绝对路径。</p><pre><img src="http://i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png" alt="" />
<a href="http://www.sohu.com">点击我跳转到搜狐</a></pre><p>如果我的网页在C盘，图片却在D盘，能不能插入呢？</p><p>答案：用相对路径不能，用绝对路径也不能。</p><p>注意，可以使用file://来插入，但是这种方法，没有任何意义！因为服务器上没有所谓c盘、d盘。</p><p>下面的方法是行的，但是没有任何工程上的意义，这是因为服务器没有盘符，linux系统没有盘符，</p><pre><img src="file://C:\Users\Danny\Pictures\
明星
\1.jpg" alt="" /></pre><p>感谢你能够认真阅读完这篇文章，希望小编分享的“html中适合新手的练习示例”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!</p>
<br>
当前名称：html中适合新手的练习示例 <br>
链接地址：<a href="http://dcwzsj.com/article/igdhhs.html">http://dcwzsj.com/article/igdhhs.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/eiojod.html">四川抖音探店团购网发现那些被忽略的厨房宝藏，做出让人心醉的美食</a>
</li><li>
<a href="/article/eiogjo.html">短视频营销的六句话,什么叫做短视频营销</a>
</li><li>
<a href="/article/eiojoc.html">抖音账号号代运营方案(抖音账号代运营如何运营抖音账号号)</a>
</li><li>
<a href="/article/eiogjj.html">黔南抖音代运营公司</a>
</li><li>
<a href="/article/eiogpe.html">短视频营销推广策划策略分析,短视频的营销策略分析</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="http://www.xzjierui.cn/" title="眉山网站建设" target="_blank">眉山网站建设</a> <a href="https://www.cdcxhl.com/idc/yldx.html" title="贵州义龙电信机房" target="_blank">贵州义龙电信机房</a> <a href="http://www.qlmbz.com/" title="木包装箱" target="_blank">木包装箱</a> <a href="http://www.80687.cn/" title="玄科环保" target="_blank">玄科环保</a> <a href="http://www.cqwzjz.cn/" title="cqwzjz.cn" target="_blank">cqwzjz.cn</a> <a href="http://seo.cdkjz.cn/quanwang/" title="全网品牌营销" target="_blank">全网品牌营销</a> <a href="http://www.ybfdjwx.com/" title="ybfdjwx.com" target="_blank">ybfdjwx.com</a> <a href="http://www.njjiebao.cn/" title="njjiebao.cn" target="_blank">njjiebao.cn</a> <a href="https://www.cdcxhl.cn/
" title="香港云虚拟主机" target="_blank">香港云虚拟主机</a> <a href="https://www.cdcxhl.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> 