web阶段,HTML+CSS笔记

时间:2022-05-15 21:34:07
【文件属性】:

文件名称:web阶段,HTML+CSS笔记

文件大小:1.07MB

文件格式:XLSX

更新时间:2022-05-15 21:34:07

html css web

一起努力,共同进步.主要是一些web前段基础的内容,免费供大家一起学习.HTML 1.什么是HTML? HTML是超文本标记语言 HTML不是编程语言,是标记语言,是一套标记标签 HTML文档也叫做Web页面 2.什么是HTML标签? 标签是由尖括号包围的关键字:

标签通常是成对出现的。

内容

标签中的第一个标签是开始标签(开放标签),带二个标签是结束标签(闭合标签)。例: 3.原始标签解析 声明为HTML5文档 是HTML页面的根元素 " " 头 包含文档的元素 " 定义网页的编码格式 " </ti</p> <div class="p10 mt20 tc"> <a rel="nofollow" class="btn btn-big download" href="javascript:void(0)" title="立即下载">立即下载</a> </div> <br/> </div></article> <div class="single-xg mb-40 pb-40"> <div class="con-title"><h3>网友评论</h3> </div> <div class="new-list"> <ul class="row"> </ul> </div> </div> <div class="single-info mb-40"></div><div class="single-xg mb-40 pb-40"> <div class="con-title"><h3>相关文章</h3> </div> <div class="new-list"> <ul class="row"><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/7177127.html" target="_blank" title="前端第一阶段笔记HTML+CSS">前端第一阶段笔记HTML+CSS</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/2580115.html" target="_blank" title="html+css笔记">html+css笔记</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/1345356.html" target="_blank" title="html+css笔记.md">html+css笔记.md</a></li></ul> </div> </div></div> </div> <div class="col-md-3 d-none d-md-block"> <div class="sidebar"><aside id="rand_post-2" class="widget widget_rand_post"><h3 class="widget-title">推荐文章</h3><ul class="new-list"><li><a href="/1504102.html" title="Servlet学习记录4" target="_blank"><span class="title_color">Servlet学习记录4</span></a></li><li><a href="/1504110.html" title="ajax post data 获取不到数据,注意 content-type的设置 、post/get" target="_blank"><span class="title_color">ajax post data 获取不到数据,注意 content-type的设置 、post/get</span></a></li><li><a href="/1504106.html" title="渗透之路基础 -- 跨站脚本攻击XSS" target="_blank"><span class="title_color">渗透之路基础 -- 跨站脚本攻击XSS</span></a></li><li><a href="/1504122.html" title="7月15号day7总结" target="_blank"><span class="title_color">7月15号day7总结</span></a></li><li><a href="/1504119.html" title="java中Integer和int的区别(转)" target="_blank"><span class="title_color">java中Integer和int的区别(转)</span></a></li><li><a href="/1504128.html" title="Jersey+Spring+Maven(转)" target="_blank"><span class="title_color">Jersey+Spring+Maven(转)</span></a></li><li><a href="/1504120.html" title="Java on Visual Studio Code的更新 – 2021年6月" target="_blank"><span class="title_color">Java on Visual Studio Code的更新 – 2021年6月</span></a></li><li><a href="/1504123.html" title="34.ITerm配置使用——2019年12月24日" target="_blank"><span class="title_color">34.ITerm配置使用——2019年12月24日</span></a></li><li><a href="/1504105.html" title="Generic Access Profile" target="_blank"><span class="title_color">Generic Access Profile</span></a></li><li><a href="/1504088.html" title="北京Uber优步司机奖励政策(12月24日)" target="_blank"><span class="title_color">北京Uber优步司机奖励政策(12月24日)</span></a></li></ul></aside> <aside id="rand_post-2" class="widget widget_rand_post"> <h3 class="widget-title">相关下载</h3> <ul class="new-list"> <li><a href="/down/7086515.html" title="web阶段,HTML+CSS笔记下载" target="_blank"><span class="title_color">web阶段,HTML+CSS笔记下载</span></a></li> <li><a href="/down/7177127.html" title="前端第一阶段笔记HTML+CSS下载" target="_blank"><span class="title_color">前端第一阶段笔记HTML+CSS下载</span></a></li> <li><a href="/down/2580115.html" title="html+css笔记下载" target="_blank"><span class="title_color">html+css笔记下载</span></a></li> <li><a href="/down/3302638.html" title="html+css笔记下载" target="_blank"><span class="title_color">html+css笔记下载</span></a></li> <li><a href="/down/1345356.html" title="html+css笔记.md下载" target="_blank"><span class="title_color">html+css笔记.md下载</span></a></li> </ul> </aside> </div> </div> </div> </div></main><section id="footer" class="pt-30 pb-20"><div class="container"><div class="footer-top clearfix"><div class="copyr text-center"><div class="footer-menu clearfix mb-10"><ul class="footer-menu-con"><li><a href="/zuixin/">最新编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><p>Copyright © 2021-2022 www.miaokee.com 秒客网 备案号:<a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备2021167564号</a></p><p>免责声明:本站文章多为用户分享,部分搜集自互联网,如有侵权请联系站长,我们将在72小时内删除。<span class="emailbox" title="emailbox"></span></p></div></div></div></section><mip-fixed type="gototop" class="gototop mip-element" mipdata-fixedidx="Fixed0" style="z-index: 10000; bottom: 90px; right: 10%;"><mip-gototop threshold="300" class="mip-element mip-layout-container mip-gototop-show"><i class="iconfont"></i></mip-gototop></mip-fixed><script id="opendown" type="text/html"> <div class="opendown_header"> <i class="fa fa-cloud-download" aria-hidden="true"></i>下载文件 </div> <div class="opendown_body"> <ul> <li class="text-danger likes down-1"><strong>资源为:XLSX 文件大小为:1.07MB</strong></li> <li class="opendown_title down-1">web阶段,HTML+CSS笔记</li> <li class="text-danger down-1"> {m1} </li> <li class="text-danger down-1"> <label><input type="checkbox" value="1" name="agreetxt" /> 同意下载协议 </label> </li> <li class="down-1"> <a href="javascript:void(0)" class="btn btn-big btn-blue btngetdown">{m2}</a></li> </ul> </div> </script> <script id="paydown" type="text/html"> <div class="opendown_header" id="pay-title">填写信息</div> <div class="opendown_body"> <div id="pay-1"> <ul> <li class="opendown_title">web阶段,HTML+CSS笔记</li> <li> <div> <span class="for-span">邮箱地址:</span> <input type="text" class="for-down" id="pay-email" data-rule="required;email" name="email" value="" placeholder="{m2}"> </div> </li> <li class="text-danger">{m1}</li> <li class="down-1"><a href="javascript:void(0)" type="button" class="btn btn-big btn-blue downurl" id="click-pay">高速下载</a></li> </ul> </div> </div> </script> <script> $('.download').click(function(){ var m1='@E4@B8@8B@E8@BD@BD@E5@8D@8F@E8@AE@AE@EF@BC@9A@E6@9C@AC@E7@BD@91@E7@AB@99@E8@B5@84@E6@BA@90@E6@94@B6@E9@9B@86@E4@BA@8E@E7@BD@91@E7@BB@9C@E5@B9@B6@E4@B8@8D@E8@83@BD@E4@BF@9D@E8@AF@81@E6@AF@8F@E4@B8@80@E6@9D@A1@E9@83@BD@E6@98@AF@E5@AE@8C@E7@BE@8E@E7@9A@84@E8@B5@84@E6@BA@90@2C@E6@82@A8@E4@B8@8B@E8@BD@BD@E6@9C@AC@E8@B5@84@E6@BA@90@E8@B5@9E@E5@8A@A9@E7@9A@84@E8@B4@B9@E7@94@A8@E4@BB@85@E4@BB@85@E6@98@AF@E5@AF@B9@E7@BD@91@E7@AB@99@E7@9A@84@E5@8F@8B@E6@83@85@E6@94@AF@E6@8C@81@E4@B8@8E@E6@9C@AC@E8@B5@84@E6@BA@90@E5@86@85@E5@AE@B9@E6@97@A0@E5@85@B3@2C@E4@B8@80@E6@97@A6@E8@B5@9E@E5@8A@A9@E4@B8@8D@E6@94@AF@E6@8C@81@E9@80@80@E6@AC@BE@E3@80@82'; m1=m1.replace(/@/ig,'%') var m2='@E8@8E@B7@E5@8F@96@E4@B8@8B@E8@BD@BD@E5@9C@B0@E5@9D@80'; m2=m2.replace(/@/ig,'%') var html=$('#opendown').html(); html = html.replace('{m1}',decodeURIComponent(m1)) html = html.replace('{m2}',decodeURIComponent(m2)) layer.open({ type: 1, shade: 0.8, title: false, closeBtn: 1, area: ['350px', ''], content:html }); }) $(document).on('click','.btngetdown',function(){ var id=/\/(\d+)\./.exec(window.location.href)[1]; if(!$('[name="agreetxt"]').is(':checked')){ alert('请同意下载协议'); }else{ var m1='@E9@82@AE@E7@AE@B1@E5@BB@BA@E8@AE@AE@E4@BD@BF@E7@94@A8QQ@E9@82@AE@E7@AE@B1@EF@BC@8C@E5@A1@AB@E5@86@99@E9@82@AE@E7@AE@B1@E6@96@B9@E4@BE@BF@E6@9F@A5@E8@AF@A2@E8@AE@A2@E5@8D@95@E4@BF@A1@E6@81@AF'; m1=m1.replace(/@/ig,'%') var m2='@E8@BE@93@E5@85@A5@E9@82@AE@E7@AE@B1@E5@9C@B0@E5@9D@80@E4@BB@A5@E4@BE@BF@E5@8F@91@E9@80@81@E8@AE@A2@E5@8D@95@E4@BF@A1@E6@81@AF'; m2=m2.replace(/@/ig,'%') var html=$('#paydown').html(); html = html.replace('{m1}',decodeURIComponent(m1)) html = html.replace('{m2}',decodeURIComponent(m2)) layer.closeAll(); layer.open({ type: 1, shade: 0.8, title: false, closeBtn: 1, area: ['350px', ''], content: html }); } }) $(document).on('click','#click-pay',function(){ var id=/\/(\d+)\./.exec(window.location.href)[1]; var email=$.trim($('#pay-email').val()); if(email.length==0){ alert('请填写邮箱地址,接收下载文件和查询订单信息'); return; } if(!/\w+@\w+\.\w+/.test(email)){ alert('请填写邮箱正确的邮箱地址,建议使用QQ邮箱'); return; } layer.closeAll(); layer.open({ type: 2, title: '赞助网站', shadeClose: true, shade: 0.8, area: ['580px', '630px'], content: '/default/pay/init?id='+id+'&email='+email }); }) </script> <script type="text/javascript" src="/statics/miaokee/js/show.js"> </script> </body> </html>