HTML grammar teaching background label

xiaoxiao2021-03-05  25

[Background Tag]

Say it, the background label is only this label, the rest of the effect, as long as some simple properties can be done.

How to use: tab rumor: This label should actually have to say early, after all, it is one of the basic elements that make up the web page is an indispensable element ( ... What is the use of the rear gun now!). Our background color or picture settings and connecting the color of the font, all in the this label. I have explained it in my property:

Background Color Usage: Set background color. Some people will say: 'I have set a background picture, is it a background color? 'Of course useful! When the user is connected to your station, if the background pattern is not transmitted, it will appear in the background color first, you said, is it better than a gray look! Original code This is the title </ title> </ head> <body bgcolor = "# f9e6a2"> This is this article </ body> </ html> rendering results to view this result</p> <p>Background pattern usage: <body background = "Figure name, path"> G sets background pattern. The archives can be the JPG or GIF format of the archive, I suggest: not too big, otherwise the web page will be quite slow. Original code <html> <head> <title> This is the title </ title> </ head> <body background = "bg.jpg"> This is this article </ body> </ html> Rendering results Watch results</p> <p>[Incommine, link color setting]</p> <p>How to use: <body text = "# 000000" Link = "# 0000ff" VLINK = "# ff00ff" ALINK = "# ff0000> tag explanation: The color attribute in the font tag can set the color of the text, but Did not mention how the color of the text is modified, this <body> tab has the color internal setting function of the text, link, etc., the usage is as follows:</p> <p>Intra-cultural color usage: <body text = "color code"> Set the general text color, that is, if there is no special set color, the browser will automatically display the color you set. Original code <html> <head> <title> This is the title </ title> </ head> <body text = "# 0906a2"> This is this article </ body> </ html> presentation result Press here to watch result</p> <p>Connection Color Usage: <body link = "color code"> Set the color of "link". As long as there is a connection place, you will appear the color, of course, if you press the connection, it will turn it into another color, which will explain. Original code <html> <head> <title> This is the title </ title> </ head> <body link = "# ff6600> <a href="index.htm"> linkage </a> </ body > </ html> Rendering results Press here to view the results (set up orange) Junction color usage: <body aLINK = "color code"> Set the color of "Pressing", that is, when you slip The colors presented in the mouse press the instantaneous moment. Original code <html> <head> <title> This is the title </ title> </ head> <body aLink = "# 0099ff"> <a href="index.htm"> Connection Chinese word </a </ Body> </ html> Rendering results According to the result of viewing (the mouse point, we will set the light blue)</p> <p>Learn color usage: <body vLink = "color code"> Set the color after "chain", that is, if the link has been pressed, then the color will be presented. Such a practice is to make the user easy to identify which links have been there, which have never been there. Original code <html> <head> <title> This is the title </ title> </ head> <body vlink = "red"> <a href="demo1-10-6.htm"> Connection text </A> </ body> </ html> Rendering results Press here to view the results (setting the already performed links in red)</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-35774.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="35774" 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.045</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 = 'WOB9p3hky0n2_2BhZbYkrpeshzoqqkmJm8mX4x9zhPwX6SSq25pg1BzCoHPp0Avp4PJWh46WZQZs_2B1Vy1Wo1t_2BLg_3D_3D'; 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>