HTML Tutorial (1) - Basic Structure

xiaoxiao2021-03-06  112

Transfer from: http://www.shanxiwindow.net/teaching/htmlbook/sum.htmhtml English meaning: Hypertext Marked Language, the hypertext tag language, is a simple markup language for making hypertext documents. Hypertext documents written with HTML are called HTML documents, which can be independent of various operating system platforms (such as UNIX, Windows, etc.). Since 1990, HTML has been used as a message representation of World Wide Web, which is used to describe the format design of HomePage and its link information on other HOMEPAGEs on WWW. Using the file described in the HTML language, you need to display the effect via the WWW browser.

PS: HTML language is not case sensitive. The so-called hypertext because it can join pictures, sounds, animations, film and other content, because it can jump from a file to another file, connection with the host of the host around the world. By HTML can exhibit colorful design style picture calls: text format: text You can implement the page via HTML Jumping page jump: can show multimedia effect audio: Video: Hypertext's basic structure: Hypertext document text file and document body two parts, in the document header, some necessary definitions for this document, the document body is to Various document information displayed. Head information document main body, text part wherein is in the outermost layer, indicating that the content between the tag is an HTML document. We will also see some HOMPAGE omitted tag, because .html or .htm file is considered an HTML document by a web browser default. includes head information of the document, such as the total title of the document, etc., if the header information is not required, this tag can be omitted. tag is generally not omitted, indicating the beginning of the text content. Below is the source code of the most basic hypertext document:

A simple HTML example </ title> </ head> <body> <center> <h3> Welcome to my home page </ h3> <br> <HR> <font size = 2> This is my first time to do the homepage, no matter how, I will work hard! </ Font> </ center> </ body> </ html> ┓┓ ┓ ┓ 头 头 ┛ ┓ ┓ NANG 体 体 体 体</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-98883.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="98883" 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.036</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 = '597JEfGgi4LZ3faFGyq76mWyJM2xlb_2FXao84DjZPcJ786GiaSnuWBzbk_2FwwVCQfbwnHO2OnHuzpAY8LwWZG7GA_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>