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="/2779604.html" title="SAS逻辑回归之多分类" target="_blank"><span class="title_color">SAS逻辑回归之多分类</span></a></li><li><a href="/789381.html" title="解决No enclosing instance of type * is accessible" target="_blank"><span class="title_color">解决No enclosing instance of type * is accessible</span></a></li><li><a href="/789379.html" title="bootstrap 导航栏鼠标悬停显示下拉菜单" target="_blank"><span class="title_color">bootstrap 导航栏鼠标悬停显示下拉菜单</span></a></li><li><a href="/789280.html" title="DNS:域名系统" target="_blank"><span class="title_color">DNS:域名系统</span></a></li><li><a href="/2779603.html" title="【Axure高保真原型】分级树筛选中继器表格" target="_blank"><span class="title_color">【Axure高保真原型】分级树筛选中继器表格</span></a></li><li><a href="/789385.html" title="lombok 转载" target="_blank"><span class="title_color">lombok 转载</span></a></li><li><a href="/789376.html" title="TeamViewer13个人版使用中提示为商用版导致无法使用" target="_blank"><span class="title_color">TeamViewer13个人版使用中提示为商用版导致无法使用</span></a></li><li><a href="/789386.html" title="android appwigt" target="_blank"><span class="title_color">android appwigt</span></a></li><li><a href="/2779602.html" title="使用ddddocr训练一键识别文字点选、图标点选验证码(不写一行代码训练,开箱即用)" target="_blank"><span class="title_color">使用ddddocr训练一键识别文字点选、图标点选验证码(不写一行代码训练,开箱即用)</span></a></li><li><a href="/789388.html" title="MVC知识点01" target="_blank"><span class="title_color">MVC知识点01</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>