Introduction to HTML (HTML Overview)
What is an HTML file?
HTML is an abbreviation for Hyper Text Markup Language. An HTML file is a text file containing many small marks. These tags tell the browser how to display this information. An HTML file extension is .html or .htm. You can use notepad to create these HTML files.
Do you want to try it now?
If you use Windows, please open a notepad.
If you use an Apple, open SimpleText.
Open TeXtedit in OSX and change the following settings: Select "Plain Text" in the parameter setting window instead of "RICH TEXT" and select "Ignore Rich Text Commands in Html Files". This is very important, if you don't do this, then your HTML code may not work properly.
Then type the following text:
Title </ Title></p>
<p></ hEAD></p>
<p><body></p>
<p>This is my first web page. <B> These texts are bold. </ b></p>
<p></ body></p>
<p></ html></p>
<p>Save the file as "mypage.htm".</p>
<p>Open your browser. Select Open options from your browser's file menu. Then you will see a dialog.. Click Browse and select the HTML file you created, you just created "mypage.htm", select it to click the open button. Now you will see an address appeared in the dialog, such as "c: /mydocuments/mypage.htm". Click OK, browse will show this page.</p>
<p>Example analysis</p>
<p>The first tag in your HTML file is <html>. This tag tells you a browser now is an HTML document. The last tag of your HTML file is </ html>. This tag tells your browser that this HTML document is over. .</p>
<p>The text between <HEAD> tags and </ head> is header information. This information will not be displayed in the window of the browser.</p>
<p>In the <title> mark is the title of your document. This title will appear on the title bar of your browser.</p>
<p>The text in the <body> tag (note that the tag is not displayed) will be displayed in your browser window. .</p>
<p>The files between the <b> and </ b> tags will be displayed in bold.</p>
<p>HTM or HTML extension?</p>
<p>When you save an HTML file, you can use .htm or .html extension. We used .htm in the past example. I think it is a bad habit, which is from three characters from the extensions used in the past software. But now we should use .html better.</p>
<p>HTML editor</p>
<p>You can use a visible HTML editor instead of writing an HTML file. Frontpage, Claris Home Page, or Adobe Pagemill</p>
<p>But if you want to be a good web designer, we strongly recommend that you use Notepad to learn about the basic knowledge of HTML.</p>
<p>FAQ</p>
<p>Q: After I edited my HTML file, I can't see the result in the browser. Why? A: Make sure you save your files such as "c: /mypage.htm". Make sure you open in your browser Is the same file. Q: I modified my html file but didn't see change in the browser. Why? A: Browser caches your page is that you don't have to read the same file. When you modify your web, browser I don't know it modified because it uses the content in the cache.. You can click the refresh button on your browser to force your browser to reload this file.</p>
<p>Q: Can I use Internet Explorer and Netscape Navigator? A: Of course, you can do all the training using Netscape 3.0 or higher, Internet Explorer 3.0 or higher. However, behind the course has a small number of examples You need you to use Internet Explorer 4.0 / 5.0 or 6.0, or Netscape 6.0 to display it. Q: Is my computer to run under Windows? Is the Apple? A: You can run these examples such as Mac in a non-Windows environment. However, there is a small number of examples of the following courses. You need to use the newer versions of Windows such as Windows 98 or Windows 2000. This article is translated from http://www.w3schools.com/html/html_intro.asp, is an HTML Tutorial.</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-69175.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="69175" 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.041</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 = 'Zh1ZSQJ_2FpvHMgU0siWmjh8w9yE4gpsmgCH6EivI8m4yTP60eqpXLAYZxJ7crnJeVVnTuZu_2F13dzGncs3Unpu_2Fg_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>
