Beginners quickly read HTML language

Source: Internet
Author: User
Tags define closing tag comparison table end ftp ftp file html tags

HTML language is the basis of Web page production, is a beginner must learn content. Although there are many WYSIWYG web making tools now, it is still necessary to understand some of the HTML syntax. In this way, you can more accurately control the layout of the page, you can achieve more features. The HTML language can be edited directly using a normal text editor (for example, Notepad in Editwindows under Dos).

Tips: How to view the HTML of someone else's web page

You just use the browser (IE) to open a Web page (for example:), and then right-click the page in the blank location, select "View Source file", at this time the source file on this page is glance. If you encounter some Web page screen right menu, you can choose "view → source file" To view the source file.

  I. Conventions for HTML tags

HTML language is the basis of Web page production, is a beginner must learn content. Although there are many WYSIWYG web making tools now, it is still necessary to understand some of the HTML syntax. In this way, you can more accurately control the layout of the page, you can achieve more features. The HTML language can be edited directly using a normal text editor (for example, Notepad in Editwindows under Dos).

In HTML, tags are used to define various units, such as headings, paragraphs, lists, and so on. The HTML unit consists of three parts: the start tag, the cell content, and the closing tag. The starting tag is defined by "" and ">", and the closing tag is defined by " ", and the unit name and attribute are given by the starting tag. such as: " into the digital network-digital age Computer Application Experts ", "" and "" is the start tag and end tag, "into the digital network-digital age Computer Application Experts" is the basic content of the unit.

1. Hypertext marking is indicated by a "and" with a pointed strap.

2. Hypertext tags typically appear in pairs, with elements with slashes representing the end, such as and . But some tags have only the start tag and not the end tag, such as:
, its Web page indicates the introduction of a change action and some tags can be omitted, such as: the end of paragraph mark

can be omitted.

3. Hypertext markup ignores case, such as and is equivalent, but the name of the entity content is to be case-sensitive, such as "&name" and "&name" to represent different entities.

4. A markup element can be written on multiple lines, with unlimited parameter positions.

  Second, the use of HTML main tags

The markup of an HTML document occupies an important place in the language, so that the entire HTML document is made up of its markup, and the markup for the HTML document establishes a fixed framework for writing the document, and we simply populate the framework with the content. But you might feel confused about HTML language, right?

In fact, you can divide an HTML document into two parts: the first message and the body. Its specific structure is as follows:


First element, element attribute, and basic content.


Principal elements, element attributes, and basic content.

The contents of the first element are not displayed in the browser, it is primarily the browser using the header to collect information about the page. What we see in the browser is the content between and . The application of each element is no longer explained in detail here, the following is mainly about the meaning of some elements.

1. Main form element meaning

and : The beginning and end of hypertext.
and : The beginning and end of a hypertext title.
and : The start and end of the Hypertext window title, which is displayed in the title bar at the top of the browser.
: is used to describe the meta information of an HTML document, that is, the information of the document itself.
and : The start and end of the body, which is displayed in the browser. It can contain many elements and is a core part of the HTML language.

Main properties:

Background=url: Specifies the background picture, specified by the property URL.
Bgcolor=color: Specify the background color in the document
Text=color: Specifies the color of text in a document
Link=color: Specifies the color of hyperlinks that have not yet been accessed
Alink=color: Specifies the color of the active hyperlink
Vlink=color: Specifies the color of the hyperlinks you have visited
The colors used in HTML can be represented by color hexadecimal RGB values, or by the English name of the color, such as the RGB value "#000000" and the color English name "black". A common color comparison table, as shown in the following tables.

2. Character style control element meaning

to

: Define the size of the font.
and : Font bold.
and : Fonts are italicized.
and : The font is underlined.
and : The font is underlined.
and : The font is superscript.
and : Font is subscript.
and : Defines font properties.
Main parameters of font:
Size: Defines the size of the font.
Color: Defines the colors of a font.
Center: Alignment.


3. Layout control element meaning

 to 
: space, enter is valid.
and : Alignment, the main parameters are left-aligned: right-aligned: Center right: center.

and

: The beginning and end of a paragraph.
: underlined.
: Insert a picture.

4. Title Classification control element meaning

    and
      : Title rating method.
    1. : Sub-headings.

5. Anchor element meaning

: Start and end of anchor element.
For example:
"/" is the HTTP link.
"Mailto:info@webjx.com" is the message link.
"File://c:/index.html" is a link to a local file.
"ftp://ftp.webjx.com/" is a link to the ftp file download.

6. Table element meaning

and
: The beginning and end of the table.
and : Start and end of table headers.
and : The start and end of a line.
and : Start and end of column headers.
and : The beginning and end of the column.
Main parameters:
ALIGN: Lateral positioning
valign: Vertical Positioning
BORDER: Table Edge Width
COLSPAN: Number of columns occupied by the unit
ROWSPAN: Number of rows per unit

7. Interaction element Meaning


: password input.
: radio button.
and : Drop-down menu.
and : multiple selections.
and : text input area.
: Clears the entered information.



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.