当前位置:首页 > 新闻动态 > 网站文章

网站制作,第一课,一分钟学会做网页

来源: 浏览:187 时间:2024-04-01

有兴趣的朋友,看过来,用手机一分钟做出属于自己的网页。

1.下载一个文本编辑器软件,比如“超卓文本编辑器”。当然,如果你手机已经有文本编辑器,那就不用再下载了。

2.打开手机文件管理中的手机存储,新建文件夹,名字写“HTML”;这个文件夹一会用来保存你的网页。

3.打开编辑器,复制粘贴以下代码:

</p><p data-track="94">这是我的网页</p><p data-track="95">

这是我做的第一个网页,真开心!

保存文件到刚刚建的“HTML”文件夹里,文件名字取“index.html”。

4.去手机存储里,找到并打开“HTML”文件夹,点击里面的“index.html”文件,你就能看到以下效果

5.接下来,我们讲解一下上面的代码:

<我是标签>,被<>这个符号包起来的叫做标签,把网页比作一堵墙的话,那这标签就是一块块的砖。

上面的标签都是成对的,有开始就有结束,比如。当然,也存在单个体的标签,它们从一出生就被定义孤独终老。

标签代表着整个网页,所有内容都写在它里面。

标签代表着头部,用来声明一些代码。

标签代表这个页面的标题,就是浏览器显示网址的那个位置。</p><p data-track="160"><body> 标签代表着身体,网页的所有正文内容,都被它容纳。</p><p data-track="208"><strong><em>6.</em></strong>为什么该文件取名为“index.html”呢?</p><p data-track="186">其实,取什么名字都可以(强调用英文)。</p><p data-track="187">不过,后缀一定要写成“htm”或“html”,只有这样,浏览器才能识别得出这是一个网页文件。</p><p data-track="209"><strong><em>7.</em></strong>堂课总结:</p><p>① 下载安装文本编辑器</p><p data-track="196">② 新建文件夹,名字随意取(英文名)</p><p data-track="199">③ 复制粘贴代码并保存,后缀写成“html”</p><p data-track="201"><br/></p><p data-track="200"><strong><em>期待下节课还能见到你们!</em></strong></p> </div> <div class="pagIng"> <a href="/anyouwz/44808.html">网页制作流程哪几步</a> <a href="/anyouwz/44810.html">fiworks切片工具切割网页主页步骤?</a></div> </div> </div> </div> <script type="text/javascript"> $(function(){ $(".zSubnav li").hover(function(){ $(this).stop().animate({top:"-10"},300) },function(){ $(this).stop().animate({top:"0"},300) }) }); $('.fonts a').click(function (){ $('.fonts a').removeClass('active'); $(this).addClass('active'); switch( $(this).index() ){ case 0: $('.detailCont').css({fontSize:14}); return false; case 1: $('.detailCont').css({fontSize:15}); return false; case 2: $('.detailCont').css({fontSize:16}); return false; } }); </script> <!-- 底部 --> <div class="zFooter"> <div class="wrap1200 clearfix"> <div class="cont fl"> <h3>地址 · <span>ADDRESS</span></h3> <p>地址:建邺区新城科技园嘉陵江东街18号2层</p> <p>邮箱:309474043@qq.Com</p> <a class="fukuan tr" href="/anyoucase/">点击查看更多案例</a> </div> <div class="tel fl"> <h3>联系 · <span>CALL TEL</span></h3> <p class="p1">400-8793-956</p> <p class="p2">售后专线:025-65016872</p> <p>业务QQ:309474043    售后QQ:1850555641</p> </div> <div class="code fr"><img src="/img/wx.jpg"></div> <div class="clearfix"></div> <div class="box" style="line-height: 25px;"> <div class="hot fl" style="width: 40%;height: auto;"> <a href="http://www.anyouy.cn/" title="南京网站建设">南京网站建设</a><em>|</em><a href="http://www.anyouy.cn/" title="南京小程序开发">南京小程序开发</a><em>|</em><a href="http://www.anyouy.cn/" title="南京网站开发">南京网站开发</a> </div> <div> <p class="copy">©南京安优网络科技有限公司 版权所有   <a href="https://beian.miit.gov.cn" target="_blank">苏ICP备12071769号-4</a>  <a href="/sitemap">网站地图</a></p> </div> </div> <div class="clearfix"></div> <div class="links"> <span>友情链接:</span> <em>|</em> <a href="http://www.ayxcx.cn/" title="南京小程序开发">南京小程序开发</a> | </div> </div> </div> <script src="/img/wow.min.js"></script> <script>$(function(){new WOW().init();})</script> <script type="text/javascript"> //导航 $(window).scroll(function(){ if($(window).scrollTop()>=100){ $(".zHeader").addClass("on"); }else{ $(".zHeader").removeClass("on"); } }) //签约 jQuery(".zSigning").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:4,scroll:4}); //访问统计 window.onload = function() { $.ajax({url:"/Api/Hitstall/index",}); } </script> <div class="tqfloat"> <ul> <li class="hidden style1"><a class="tit" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes">业务咨询</a></li> <li class="hidden style1"><a class="tit" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes">技术支持</a></li> <li class="hidden style2"><p>联系电话</p><div class="tel">4008-793-956</div></li> <li class="hidden style1"><a class="tit" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes">投诉留言</a></li> <li class="hidden gotop"><a class="tit" href="javascript:;"></a></li> </ul> </div> <script type="text/javascript"> $(function(){ $(".tqfloat li.style2").hover(function(){ var _this = $(this); _this.removeClass("hidden").stop().animate({left : - 184}, 400) }, function(){ var _this = $(this); _this.stop().animate({left : 0}, 400, function(){ _this.addClass("hidden") }) }) $(".tqfloat li.style1").hover(function(){ $(this).removeClass("hidden").stop().animate({marginLeft : - 10}, 400) }, function(){ var _this = $(this); _this.stop().animate({marginLeft : 0}, 400, function(){ _this.addClass("hidden") }) }) $(".gotop").click(function(){ $("html,body").stop().animate({scrollTop: "0"},600) }) $(".subnav li").hover(function(){ $(this).stop().animate({top:"-10"},300) },function(){ $(this).stop().animate({top:"0"},300) }) }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1c94697d8167ffaf76dd51252f3ad1a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="jszx" style="display:none"> <div class="jxin"><img src="/img/xt_bg.jpg" alt="" /></div> <div class="jszxdd"> <h1>零风险合作体验</h1> <p>侧重以结果为服务导向,不满意退还所有费用,最大限度降低客户的合作风险<br>安优网络从不青睐于向客户虚夸我们的能力<br>如果量身定制的作品让您满意我们相信合作的基础会更加夯实。</p> <p><a href="tel:400-8793-956">400-8793-956</a></p> <span><a href="http://wpa.qq.com/msgrd?v=3&uin=309474043&site=qq&menu=yes" target="_blank">在线咨询</a></span><span><a href="javascript:vido(0)" class="jszx1">稍后再说</a></span> </div> </div> <script language="javascript"> setTimeout(function (){$(".jszx").show()},3000)//表示1000毫秒后执行第一次显示层 $(function(){ $(".jszx3,.jszx1").click(function(){ $(".jszx").hide();//点击关闭层 //每3000毫秒执行一次显示当前层 $(this).stop().fadeTo(955000, 1, function(){ $(".jszx").show(); }); }); }); </script> </body> </html>