JavaScript webpage development - Experience learning tutorial (1) HTML and CSS

xiaoxiao2021-03-05  26

I originally wanted to buy an ASP.NET book before yesterday, but I saw that the ASP.NET used the main language is VB or JavaScript, and it also felt the importance of learning JavaScript, and bought this book, Zhang Xiaoxiang Edited, the content should be good.

Mainly divided into four parts: 1.html 2.css 3.javascript 4. Regular expression, DOM programming other script technology

The HTML part is more basic, and it is more comprehensive. I have basically mastered (of course, details and specific properties need to constantly look up), unfamiliar places: Frameset / Div / SPAN

Frameset:

Main document page: mainpage.htm

mainpage </ title></p> <p></ hEAD></p> <p><frameset cols = "25%, *"></p> <p><frame src = "menu.htm" scrolling = "no" name = "left"></p> <p><frame src = "Page1.htm" scrolling = "auto" name = "main"></p> <p><noframes></p> <p><body></p> <p><p> sorry, your bowser doesn't support frame! </ p></p> <p></ NOFRAMES></p> <p></ frameset></p> <p></ html></p> <p>Menu.htm</p> <p><html></p> <p><HEAD></p> <p><title> DOC </ Title></p> <p></ hEAD></p> <p><body></p> <p><p> <font color = "# 0000ff"> DOC </ font> </ p></p> <p><p> <a href="page1.htm" target="main"> to first page </a> </ p></p> <p><p> <a href="page2.htm" target="main"> to second page </a> </ p></p> <p></ body></p> <p></ html></p> <p>Page1.htm / page2.htm</p> <p><html></p> <p><head> The first page </ head></p> <p><body></p> <p><p align = "center"> <font color = "# 8000ff"> this is the rist page </ font> </ p></p> <p></ body></p> <p></ html></p> <p>CSS</p> <p>Don't see English letters, it is afraid, there is nothing difficult.</p> <p>CSS: cascading style sheets stacked style sheet</p> <p>Several settings for CSS:</p> <p>Inline</p> <p>Embedding</p> <p>external</p> <p>enter</p> <p>Selector for style rules:</p> <p>HTML Selector</p> <p>Class Selector</p> <p>ID SELECTOR</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-33816.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="33816" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.037</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = '9o4kyBxinHXogz9GqAqCzgIH_2Fns3_2BPS_2BO2c9jtTK6jyanw3kmzNU4k9KnqDRr7nJJxx79WRuW3qw_2Fdrq'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>