Learn the basics of Web Authoring Tutorial (1) Web authoring

Source: Internet
Author: User
Tags file size lowercase
Tutorials | Getting Started | Web page

  Writing code in Notepad

1. First Open Notepad program (method is "Start"-"program"-"attachment"-"notepad")

2. Copy the following code and paste it into Notepad, as shown in Figure 1. (Press the right mouse button to select paste on it!) )

<title> here is the title </title>
<body>
This is the text area where the content of the Web page is placed
</body>

Figure 1 shows that the copied content can be pasted with the right mouse button "paste" or by pressing CTRL + V.


" Figure 2 ", click "Save" in "File" to save the file. Save the file and it's done! (To build a subdirectory under the hard disk, we set up a MyWeb subdirectory under E: Disk and save our web page as myfirst.htm.) )


"Figure 3 description" web page file extension is HTM or HTML, so remember, please enter the full file name, otherwise Notepad will be saved as a. txt text file, then the browser can not browse the effect.

  Label Explanation:

1. What you see above is a Web page with the simplest architecture. Yes, the Web page is actually a bunch of tags (the so-called label refers to the grammar of <>) assembled, through the browser, Handy became a beautiful web page.

2. In simple terms, usually a complete Web page contains two parts: head, file body. Which is what you see on the

3. Inside the head <HEAD></HEAD>, there is another set of labels <TITLE></TITLE>. The text that hits <TITLE></TITLE> here appears in the top blue section of the browser window as a theme for a Web page.

4. You may find out why there has been no mention of the <HTML></HTML> group label, eh! Because it is dispensable. This group of tags is to tell the browser: I am an HTML file! That is to say it is a Web page format! Usually wrapped in the top and bottom of the page, all the original code is wrapped up.

  Browse the Web page just done

1. Just saved the file, we saved the page file in e:\myweb\myfirst.htm.

2. Enter e:\myweb\myfirst.htm or file:///e|/myweb\myfirst.htm in the address bar of your browser! (because each browser opens a file on the hard disk in a different way, it's consistent in this way.) )

3. How to, see your first page!

"Figure 4" to browse we just do the page is very simple, first we open the browser, and then enter the file we have just saved e:\myweb\myfirst.htm look to see if it can correctly display correct. You can also click on the page example "Myfirst.htm", immediately look at this page.

  Rules for making Web pages

1. Generally speaking, a website's first name is index.htm or index.html must be lowercase, as long as the Web site, the browser will automatically find index.htm this file, and automatically to browse index.htm content.

2. file size must be noted that it is okay, the file name is best to use "English lowercase letter" to name, because, in our computer, INDEX. HTM and index.htm are the same files, but after the network, the Web server will think that this is a different two files, at this time, if not pay attention, that can be ...

3. Did you find it? The same label, as if there are two, the only difference is that the back of the one more than a "/", such as:<body></body>. The front <BODY> is the start tag, followed by </BODY> is the end tag. Most of the labels are two groups, but there is a single one, which will be explained later.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.