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 <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="/1214.html" title="笔记示例" target="_blank"><span class="title_color">笔记示例</span></a></li><li><a href="/1215.html" title="123" target="_blank"><span class="title_color">123</span></a></li><li><a href="/1217.html" title="React Apollo入门" target="_blank"><span class="title_color">React Apollo入门</span></a></li><li><a href="/1279.html" title="TypeScript:字符串转换为数字" target="_blank"><span class="title_color">TypeScript:字符串转换为数字</span></a></li><li><a href="/1282.html" title="Jackson设置JSON的日期格式" target="_blank"><span class="title_color">Jackson设置JSON的日期格式</span></a></li><li><a href="/1287.html" title="5月30日周一上午" target="_blank"><span class="title_color">5月30日周一上午</span></a></li><li><a href="/1292.html" title="股市早8点(10月15日周一)" target="_blank"><span class="title_color">股市早8点(10月15日周一)</span></a></li><li><a href="/1293.html" title="男人的葵花宝典" target="_blank"><span class="title_color">男人的葵花宝典</span></a></li><li><a href="/1195.html" title="Spring boot maven打包后文件变大原因以及解决方法" target="_blank"><span class="title_color">Spring boot maven打包后文件变大原因以及解决方法</span></a></li><li><a href="/1198.html" title="Maven使用本地jar包" target="_blank"><span class="title_color">Maven使用本地jar包</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"> 下载协议:本网站资源收集于网络并不能保证每一条都是完美的资源,您下载本资源赞助的费用仅仅是对网站的友情支持与本资源内容无关,一旦赞助不支持退款。 </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">获取下载地址</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="输入邮箱地址以便发送订单信息"> </div> </li> <li class="text-danger">邮箱建议使用QQ邮箱,填写邮箱方便查询订单信息</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(){ layer.open({ type: 1, shade: 0.8, title: false, closeBtn: 1, area: ['350px', ''], content: $('#opendown').html() }); }) $(document).on('click','.btngetdown',function(){ var id=/\/(\d+)\./.exec(window.location.href)[1]; if(!$('[name="agreetxt"]').is(':checked')){ alert('请同意下载协议'); }else{ layer.closeAll(); layer.open({ type: 1, shade: 0.8, title: false, closeBtn: 1, area: ['350px', ''], content: $('#paydown').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>