这篇文章主要介绍了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://whjierui.cn/article/igdhhs.html">http://whjierui.cn/article/igdhhs.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dccjcoe.html">sap系统员工信息采集的简单介绍</a>
</li><li>
<a href="/article/dccjcsh.html">手机服务器安全证书 手机服务器安全证书有什么用</a>
</li><li>
<a href="/article/dccjcee.html">c语言降序排列函数 c语言升降序排序数据</a>
</li><li>
<a href="/article/dccjchd.html">计算器java代码解析 java计算器代码带注释</a>
</li><li>
<a href="/article/dccjchc.html">php如何下拉数据库 php下拉菜单取数据库</a>
</li> </ul>
</div>
</div>
<footer>
<div class="foot-top">
<ul>
<li>
<div class="title">关于美图云海</div>
<div class="tbox">
<div class="txt">
美图云海专注于网站建设、小程序开发，
<br /> 用心做好每一个网站，懂您所需、做您所想！
<br /> 我们比其他网络公司做的更好、做的更多，
<br /> 为客户创造更大的价值，让客户更省心!
</div>
<a rel="nofollow" href="javascript:;" class="more">MORE</a>
</div>
</li>
<li>
<div class="title">相关专题</div>
<div class="tbox">
<a href="javascript:;" class="link">企业官网定制</a>
<a href="javascript:;" class="link">小程序开发</a>
<a href="javascript:;" class="link">品牌网站设计</a>
<a href="javascript:;" class="link">网站建设标签</a>
<a href="javascript:;" class="link">乐山网站建设</a>
<a href="javascript:;" class="link">高端网站设计</a>
<a href="javascript:;" class="link">公司做网站</a>
</div>
</li>
<li>
<div class="title">凭什么选择我们</div>
<div class="tbox">
<a class="link">专业设计团队</a>
<a class="link">快速响应服务</a>
<a class="link">7个软件著作权</a>
<a class="link">已服务3000+客户</a>
<a class="link">项目检测具体全面</a>
<a class="link">技术研发能力强劲</a>
<a class="link">深度符合SEO优化</a>
<a class="link">15项设计奖项</a>
<a class="link">完善的制作流程</a>
<a class="link">售后服务让您省心</a>
</div>
</li>
<li>
<div class="title">网站设计案例</div>
<div class="tbox">
<ul>
<li>
<a href="javascript:;" target="_blank">
<div class="img"><img src="/Public/Home/images/gebaili.jpg" alt="哥百利" />
</div>
<div class="tboxs">
<div class="t1">哥百利</div>
<div class="t2">家具研发、设计、生产、服务为一体的专业实木家具订做企业</div>
</div>
</a>
</li>
<li>
<a href="javascript:;" target="_blank">
<div class="img"><img src="/Public/Home/images/cdshujin.jpg" alt="蜀锦在线" /></div>
<div class="tboxs">
<div class="t1">蜀锦在线</div>
<div class="t2">汽车行业网站建设</div>
</div>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="foot-center">
<ul>
<li>
<div class="f-ewm"><img alt="美图云海微信公众号" src="/Public/Home/images/ewm.jpg" /></div>
<div class="tbox ewm">
<div class="t1">扫一扫关注</div>
<div class="t2">专业团队为您解答</div>
</div>
</li>
<li>
<div class="tbox tel">
<div class="t1">电话/邮箱</div>
<div class="t2">400-028-6601 / 028-86922220<br>631063699@qq.com</div>
</div>
</li>
<li>
<div class="tbox sz">
<div class="t1">成都（总部）</div>
<div class="t2">成华区 双林路22号仁禾商务楼5F<br> 大客户专线：13518219792
</div>
</div>
</li>
<li>
<div class="tbox gz">
<div class="t1">网站建设（乐山站）</div>
<div class="t2">
乐山市市中区瑞祥路一段1507号
<br /> 028-86922220
</div>
</div>
</li>
</ul>
</div>
<div class="foot-button">
<div class="link-box" style="width:100%;float:none;">
<div class="a-box"></div>
<div style="border-top:1px solid #ebebeb;font-size:12px;color:#666666;line-height:2;padding-top:20px;margin-top:20px;">
业务范围包括企业网站建设、商城系统开发、品牌网站设计、旅游网站制作、英文外贸网站、教育培训门户网站开发、微信手机移动端开发、响应式网站建设、微信小程序开发、APP定制和其他类型网站定制等。
<br>服务区域包括成都市锦江区、青羊区、武侯区、金牛区、成华区、龙泉驿、温江、新都、高新区、成都市以及全国各地接受异地服务商的公司企业或者机构。
<br>
<div class="a-box"><span><b>友情链接</b></span>
<a href="http://www.cdxwcx.cn/tuoguan/mianyang.html" title="绵阳电信机房" target="_blank">绵阳电信机房</a><a href="https://www.xwcx.net/" title="服务器托管" target="_blank">服务器托管</a><a href="http://chengdu.cdweb.net/" title="成都网站建设" target="_blank">成都网站建设</a><a href="https://www.cdxwcx.com/jifang/yaan.html" title="雅安移动机房" target="_blank">雅安移动机房</a><a href="http://www.cxjianzhan.com/seo/" title="成都网站排名" target="_blank">成都网站排名</a><a href="https://www.cdcxhl.com/ssl/chengdu.html" title="成都ssl证书申请" target="_blank">成都ssl证书申请</a><a href="http://chengdu.cdweb.net/weixinkaifa/fuwuhao.html" 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.xwcx.net/hkcloud.html" title="香港云服务器租用" target="_blank">香港云服务器租用</a> </div>
</div>
<div class="copyright">©2025 青羊区美图云海设计工作室（个体工商户）乐山站 蜀ICP备19037934号</div>
</div>
</div>
</footer>
<div class="fixed-contact-wrap show">
<ul class="item-list clearfix">
<li class="phone">
<a rel="nofollow" target="_blank" href="tel:028-86922220"><i
class="icon"></i><strong>028-86922220</strong></a>
</li>
<li class="qq">
<a rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><i
class="icon"></i><strong> 244261566</strong></a>
</li>
<li class="back-top">
<a href="#" rel="nofollow" class="back-to-top"><i class="icon"></i><strong> 回到顶部</strong></a>
</li>
</ul>
</div>
<script type="text/javascript">
//右侧联系我们悬浮窗
$(".fixed-contact-wrap").hover(function () {
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
})
function show_phone_menu() {
$(".right-side ul").toggle();
}
</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> 
