这篇文章主要介绍了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://www.ytofo.com/article/igdhhs.html">http://www.ytofo.com/article/igdhhs.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dicdgge.html">农村电脑故障修理(平房电脑维修)</a>
</li><li>
<a href="/article/dicdgeh.html">内存条故障电脑会怎样(内存条故障会导致哪些方面问题)</a>
</li><li>
<a href="/article/dicdgdh.html">jquery循环集合 jquery循环创建元素</a>
</li><li>
<a href="/article/dicdgjs.html">冠道行车电脑故障(冠道行车电脑怎么复位)</a>
</li><li>
<a href="/article/dicdgjj.html">冠道行车电脑故障表现(本田冠道行车电脑怎么找出来)</a>
</li> </ul>
</div>
</div>
<footer>
<div class="message">
<div class="mess container">
<p>免费获取网站设计制作与品牌网站建设策划方案报价</p>
<span>网站设计 + 品牌建站，策划方案 + 精准报价，现在免费领！品牌要升级，官网先发力！免费领取网站设计制作方案 + 精准报价，专业团队帮你落地</span>
<form action="">
<input type="text" class="ipt1" placeholder="联系人">
<input type="text" class="ipt2" placeholder="联系电话">
<textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea>
<a href="">提交需求</a>
</form>
</div>
</div>
<div class="footA">
<div class="footAs container">
<ul>
<h3>联系我们</h3>
<b>18980820575</b>
<li>手机：13518219792</li>
<li>地址：湖北孝感市大悟城关镇鄂北物流城13栋125号</li>
<li class="hr1"></li>
<li>24小时服务热线：18982081108</li>
</ul>
<ul>
<h3>网站建设服务</h3>
<li>网页设计</li>
<li>网站制作</li>
<li>网站开发</li>
</ul>
<ul>
<h3>网站推广服务</h3>
<li>营销网站建设</li>
<li>百度快速排名</li>
<li>整站网站推广</li>
</ul>
<ul>
<h3>网站运维服务</h3>
<li>基础维护</li>
<li>网站改版</li>
<li>网站维护</li>
</ul>
<ul>
<h3>FOLLOW US</h3>
<li class="hr2"></li>
<li>
<dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
<dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
</li>
</ul>
</div>
<div class="link container">
友情链接：
<a href="https://www.cdcxhl.com/ruanwen/yingxiao" title="软文发稿" target="_blank">软文发稿</a> <a href="http://www.xjjierui.cn/" title="新津网站运维" target="_blank">新津网站运维</a> <a href="http://www.cdxwcx.cn/tuoguan/yaan.html" title="雅安主机托管" target="_blank">雅安主机托管</a> <a href="https://www.cdcxhl.com/yingxiao.html" title="成都营销网站建设" target="_blank">成都营销网站建设</a> <a href="http://www.ayerh.com/" title="大悟县摄影器材" target="_blank">大悟县摄影器材</a> <a href="http://www.cdhuace.com/vi.html" title="vi形象设计" target="_blank">vi形象设计</a> <a href="http://www.scwwcd.com/" title="柴油发电机机组" target="_blank">柴油发电机机组</a> <a href="http://www.kswsj.cn/" title="网站营销推广" target="_blank">网站营销推广</a> <a href="http://www.mzlewan.com/" title="成都亚克力加工" target="_blank">成都亚克力加工</a> <a href="http://seo.cdkjz.cn/seo/" title="关键词优化" target="_blank">关键词优化</a> </div>
</div>
<div class="footB">
<div class="container">
<div class="fl">
Copyright © 2025 湖北孝感网站建设公司 湖北孝感网站建设公司-选我们！湖北专业的孝感网站制作公司！
</div>
<div class="fr">
All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">鄂ICP备2025125038号-8</a>
</div>
</div>
</div>
</footer>
</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>