HTML Quick Start

Source: Internet
Author: User

HTML is a language for writing web pages.

In my study of HTML, many friends on the internet said that the direct use of "notepad" to write, and finally saved as a suffix. html file.

However, I suggest you use "nodepad++" to write Web pages, with this software has several advantages:

1, such as

2, hold down the CTRL key, slide the pulley, you can enlarge or reduce the font, I prefer the large font, no cost eyes.

You can check the nodepad++ on the Internet and install it.

Let's start writing your first page.

1, open nodepad++, select "File", "new"

2, enter the following in the new file:

<HTML><Head><title>HTML Quick Start</title></Head><Body>This is the first page I wrote. The original writing page is so simple! </Body></HTML>

3, select "File", "Save", in the box to the right of the file name, write the home.html

, click Save

4, find home.html Save the location, double-click Open, you can see the first page you wrote.

Let's start by explaining the content of this page.

1, like

2, the Web page is made up of these tags described above.

(1) The outermost layer is

(2) the internal

(3) The title tag inside the head tag, the title embodies the theme content of the webpage, must add. And to highlight the key words, convenient for users to search. For example:

Way A: <title> Games | Casual Games </title>

Way B: <title> games-Build the best casual games site in the country </title>

In addition to the two expressions can effectively improve the main key words "small game" word frequency, but also added a similar meaning of the auxiliary key word "casual games." Among them, a in the form of a simple arrangement of keywords, and b is the main keyword to describe the form, so not only more to get the favor of the search engine, but also to attract users of the click.

(4) <body></body>, which represents the "body" of the Web page, the text inside can be seen directly in the Web page. General Other labels are also placed in the body, I will talk about later.

Learning here, you can write a simple Web page, the following points to help you eliminate some confusion.

1, how to tell if a file is not a webpage?

In general, the suffix of the Web page is. html,.htm, so I asked you to save the newly created file as home.html, which will save it for the Web page, you can double-click to open it and see this page in the browser.

2, I see some of the page's head has the following content, what is it? Shall I remember how to write?

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

This is used to tell the browser: What type of page is this? Web pages have different types, different types have different requirements, such as the transitional here, it is a transitional type of Web page, which is a request, but less stringent requirements of the Web page.

There is absolutely no need to remember how this string of content is written. I was learning the Web page when it was the content of the scare of a few days afraid to learn html, you just know this is a page type of declaration on the line, if you use "Dreamweaver" to build a Web page, it will automatically write to you. Even if the nodepad++ is not added, it is also a direct copy of the line, and learning HTML, do not have to control this section of the content.

3, every page I build, do I need to knock out the contents of a letter by a letter?

At the beginning of the study, it is best to manually tap these tags, such as html,head,body and so on. It's easy to learn by writing more exercises.

When you are skilled, you can use the "Dreamweaver" to build a Web page, the new Web page directly includes the basic structure of HTML, you just need to add the necessary content.

Also, when you work, many of the pages you write may be similar, mostly pasted and copied, and then modified. However, paste replication is error prone because there may be some place where you haven't modified it, so you need to check it carefully.

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.