Home > Web Front-end > HTML Tutorial > HTML Basics HTML Structure _HTML/Xhtml_Web Page Production

HTML Basics HTML Structure _HTML/Xhtml_Web Page Production

WBOY
Release: 2016-05-16 16:42:19
Original
1509 people have browsed it

What is an HTML file?
HTML stands for Hyper Text Markup Language.
An HTML file is a text file containing markup.
These tags speed up how the browser displays this page.
HTML files must have htm or html extension.
HTML files can be created with a simple text editor.


First of all, let’s briefly introduce the HTML language (what we are here to teach you is to be able to operate it practically). HTML is the universal language of the Internet, a simple and universal all-in-one markup language. It allows web page producers to create complex pages that combine text and images, and these pages can be viewed by anyone else on the Internet, regardless of the type of computer or browser used. Is it magical? Not magical at all, because what you see now is a page written in this language.

Yes, HTML is not very magical, just because you don’t understand it very well. Now let’s start to take over its veil and first introduce the structure of HTML:

The structure of HTML
(Head, eyes, body ---- like a person, right?)

1. Head. As long as you have studied English, you should know how to write header in English! yes, HEAD is enough; therefore, the HTML writing method of the head is the content of the head, simple, everyone, please pay attention, these two are very similar, but the latter one is more than the previous one." /"symbol. Things like this will be used often in the future.

2. Eyes. Just like human eyes, they are the window to the soul, and the eyes of a web page should be the title of its page. How do you say the title? title, yes! Everyone knows that eyes are on the head, so: title should be placed between and . That is,
title

3. Body. The body is the most important part of a web page, because what I mentioned above is not what is displayed on the page, and the page you see is its body part (of course its TITLE can be seen in the upper left corner of the browser) to), body ---- BODY, his writing method is: Page content
Finally, don’t forget to combine these parts into one ---- web page, so we use Wrap them up.
Okay, let’s take a general look at the structure of the web page:

Copy the code
The code is as follows:



<br>Title<br>

Page content



Want to try it?
If you are running a Windows system, open Notepad and enter the following text:



Tip: You can modify part of the code before running
Save this file as "mypage.htm".
Double-click the file directly; or start the browser -> Select "Open" (or "Open Page") in the file menu, and a dialog box will appear -> Select "Browse" (or "Select File" ) -> Locate the HTML file you just created - "mypage.htm", select it, click "Open" ->. Then in the dialog box, you will see the address of this file, for example: "C:MyDocumentsmypage.htm" -> Click "OK" and the browser will display this page.


About HTML editor:
With some WYSIWYG editors, such as frontpage, dreamwaver, you can easily create a page without writing code in plain text.
But if you want to become a skilled web developer, we strongly recommend you to write code with a plain text editor, which will help you learn the basics of HTML.

FAQ
Q: I have finished writing the HTML file, but I cannot see the result in the browser. Why?
A: Please make sure you save the file and use the correct file name and extension, for example: "c:mypage.htm", and make sure you use the same file name when you open it with a browser.
Q: I edited the HTML file, but the modification results are not displayed in the browser. Why?
A: The browser caches your page so it doesn't need to read the same page twice. The browser doesn't know that you modified this page. Please use the "Refresh/Reload" button to force the browser to read the edited page.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template