这篇文章主要介绍了html中适合新手的练习示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
成都创新互联是一家专业提供
南皮企业网站建设,专注与网站设计制作、
网站建设、
H5网站设计、小程序制作等业务。10年已为南皮众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
第1题 考察title标签
出现在<head>里面，表示页面的标题。直观上，我们可以在浏览器的标题栏（标签栏）中看见。</p><p>B正确。</p><p>第2题 考察的就是HTML的本质</p><p><img src="/upload/otherpic39/2853.jpg" alt="html中适合新手的练习示例"></p><p>答案：D</p><p>解析：首先HTML只依靠标签对儿表达语义，和是否缩进、换行没有任何关系；只要是标签有正确的嵌套关系，正确的父子关系，那么就是一个合法的HTML结构，不一定要缩进。百度的首页，为了减小文件体积，所以都是没有缩进的。提到HTML的作用，只能从语义方面从想，绝对不能想样式。所以C错误的。D正确。</p><p>第3题 考察常用属性</p><p><img src="/upload/otherpic39/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/otherpic39/2855.jpg" alt="html中适合新手的练习示例"></p><p>答案：B。</p><p>服务器上有一些文件，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/otherpic39/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/otherpic39/2857.jpg" alt="html中适合新手的练习示例"></p><p>答案：B。</p><p>所有的标签名、属性都要小写，必须使用引号，必须封闭。答案是B</p><p>第7题 考察定义列表</p><p><img src="/upload/otherpic39/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/otherpic39/2859.jpg" alt="html中适合新手的练习示例"></p><br/><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中适合新手的练习示例”这篇文章对大家有帮助，同时也希望大家多多支持创新互联<a href="https://www.cdcxhl.com/" target="_blank">网站建设公司</a>，，关注创新互联行业资讯频道，更多相关知识等着你来学习!</p> <br>
分享题目：html中适合新手的练习示例-创新互联 <br>
链接分享：<a href="http://www.ytofo.com/article/dogjgs.html">http://www.ytofo.com/article/dogjgs.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dsdjiph.html">qt怎么备份mysql的简单介绍</a>
</li><li>
<a href="/article/dsdjegg.html">sqlserver时间转换,sqlserver 时间转字符</a>
</li><li>
<a href="/article/dsdjipe.html">android支付宝支付,支付宝 android</a>
</li><li>
<a href="/article/dsdjipd.html">androidwp,androidwps cn</a>
</li><li>
<a href="/article/dsdjeih.html">css样式表全称为又称为,css样式表属于</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="http://www.bzsjtxm.com/" title="成都门头招牌广告" target="_blank">成都门头招牌广告</a> <a href="http://www.cqcxhl.com/service/ds.html" title="重庆电商网站建设" target="_blank">重庆电商网站建设</a> <a href="http://seo.cdkjz.cn/tuiguang/" title="成都网络推广" target="_blank">成都网络推广</a> <a href="http://www.ghfdjzy.com/" title="贝锐智能" target="_blank">贝锐智能</a> <a href="https://www.cdxwcx.com/city/mianzhu/" title="绵竹网站建设" target="_blank">绵竹网站建设</a> <a href="http://www.cepjrwh.com/" title="成都小程序开发" target="_blank">成都小程序开发</a> <a href="http://www.zoqay.com/" title="湖北婴儿床" target="_blank">湖北婴儿床</a> <a href="http://www.ugqra.com/" title="成华区有限公司注册" target="_blank">成华区有限公司注册</a> <a href="http://www.ftxhzv.com/" title="德阳网站维护" target="_blank">德阳网站维护</a> <a href="https://www.cdxwcx.com/" 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>