Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to get started with HTML". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how to get started with HTML.

The syntax of the html web page is as follows:

Page title

Main body content

1. Title font: a pair of tags indicate the first layer of headings in the text. The title has a total of six layers (H1-H6). As the number increases, the font of the title decreases in turn and automatically appears in boldface.

1) the first-level title is the most important title in the HTML document, which is generally used as the title of the entire HTML document.

2) second-level headings are usually used to mark chapters in a document.

3) the third-level title is usually used to mark the internal sections of each chapter.

4) level 4 headings are usually used to mark the sections of a document.

5) level 5 and level 6 headings can be used to divide smaller sections internally. Because and are usually displayed in very small fonts, these two tags are not commonly used.

The attribute used in the title font is "ALIGN", which controls the horizontal alignment of the title text:

Left (align left), Right (align right), Center (align center).

The syntax is:

Title text

Description: (1) where "*" represents the number 1Mui 6

(2) "" is one of Left, Right or Center.

Default is align=left

2. Article font: the tag is used to set the text size and color in the HTML document.

The attributes used in the article font are SIZE and COLOR:

1) SIZE values from 1 to 7, representing the font size from the smallest to the largest, where the default value of the SIZE attribute is 3, you can also add a control character in front of the value: "+" represents a larger font, "-" is vice versa.

2) COLOR can be expressed in two ways:

a. Letters: black (black), white (white), red (red), green (green), blue (blue), yellow (yellow), aqua (light green), fuchsia (fuchsia), gray (gray), lime (orange), maroon (maroon), purple (purple), olive (olive), silver (silver)

b. It is expressed by six hexadecimal letters, that is, the value between 0merf, which is called RGB value: 0 represents the darkest color, F represents the brightest color, such as "000000" is black and "ffffff" is white.

Article font syntax:

Article text

Note: the SIZE attribute can choose the value of the color attribute 1, the RGB value or the predefined color name (i.e., the English alphabet).

Mark

Not an empty line

A blank line of a paragraph mark is equivalent to

3. Physical font: used to assign some display attribute to the text, regardless of the logical meaning of the text.

1) or: used to indicate that the text is displayed in bold. (most WEB browsers think it's boldface.)

2) or: used to indicate that the text is displayed in italics.

3): used to indicate underlining the text. There is no color attribute, the text color is its color

4): indicates that the text is displayed in the above way.

5): indicates that the text is displayed in the following way.

6): used to indicate that a deletion line is drawn in the middle of the text. There is no color attribute, the text color is its color

4. Logical font: various browsers are ordered to modify the characters in the controller container relatively.

1): generally emphasize the text, the font is Italian italic.

2): emphasize the text and show it in bold (bold).

3): text that represents an example of a HTML element.

4): output the text in the example. When the browser encounters tags, it formats the text between tags according to the system default settings. Generally, it displays text in a font style that is smaller than the standard font, and the text width is fixed.

5): text that represents a keyboard key.

6): text that defines a variable or value. Italics.

7): define the text. Italics.

8): quote text, shown in Italian italics.

9): small font.

10): large font.

Description: tags can have the same effect as tags, but the latter has more precise control over glyphs. Versions can be used in earlier browser versions, but tags are not supported in earlier versions.

5. Character entity:

When writing special characters to the HTML document, to use special code, the browser uses the HTML command to translate the special code.

Here are some common examples of special symbols represented by letters or numbers:

;: space

! ;:

& # quot;: "

#;: #

$;: $

%;:%

& # &;:&

';:'

(;)

);:)

*;: *

+;: +

,;

-;:

. ;:

/;: /

0 / 0 / 9 / 9: the number is from 0 to 9

:;:

;;:

? :?

@;: @

Amurz: uppercase letters A to Z

[;: [

\;:\

];:]

^;: ^

_;: _

--;:

A: lowercase letters a to z

;;: do not wrap spaces

6. Text alignment:

You can set the text to align with the left, middle, and right side of the page.

You can set the text to align in the middle of the page.

You can also set paragraph alignment. The usage is roughly the same as.

1) Grammar: text

Description: ALIGN attributes can be "LEFT", "CENTER", "RIGHT", corresponding to the middle of the mark in accordance with the left, middle and right alignment.

2) Grammar: text

Description: this tag has no attributes, its function is to center the characters in the middle of the tag, and its function is the same.

3) paragraph

Description:

Like the attribute value of the ALIGN attribute in, take "LEFT", "CENTER" and "RIGHT" three values to align the middle font left, middle and right, respectively. Can only work on one line of text

7, text movement: when arranging all kinds of WEB pages with text, it is inevitable that there will be some parts that need to be emphasized, and setting dynamic effects will play a role in highlighting the text. The movement of the page must be seen in the browser.

The main contents of text movement are as follows:

a. Setting the direction of text movement

b. The setting of the mode of text movement

c. Setting of text movement cycle (number of times)

d. The setting of text moving speed and delay

e. The setting of the background color of text movement

f. Setting of text moving area

1) Grammar: text

Note: the attribute value of DIRECTION attribute is to take "LEFT" and "RIGHT" two values, corresponding to move the middle font to the left and right respectively.

2) Grammar: text

Description: the attribute value of the BEHAVIOR attribute is to take "SCROLL", "SLIDE" and "ALTERNATE" three values, corresponding to the middle font cycle, only once, left and right in the middle of the screen.

3) Grammar: text

Description: the property value of the LOOP property is a numeric value that represents the number of times the middle font is moved in a loop.

4) Grammar: text

Description: the property value of the SCROLLAMOUNT property is a numeric value, corresponding to the speed at which the middle font is moved in a loop. The higher the number, the faster the speed.

5) Grammar: text

Description: the property value of the SCROLLDELAY property is a numeric value, corresponding to the delay of cyclic movement of the middle font. Setting this parameter will also affect the speed of text movement.

6) Grammar:

Description:

The property value of the A. HEIGHT property is a numeric value, which controls the height of the text movement area.

B. the property value of the WIDTH property is a numeric value, which controls the width of the text movement area.

The property value of the C. BGCOLOR property can take the RGB value, or use a predefined value, which controls the background color of the moving text.

8. Control of lines in text:

It mainly includes two contents:

a. Segmentation: another paragraph in the text.

b. Line wrapping: a new line in the text.

1)

Syntax of:

Description: the ALIGN property is optional. The attribute value of its attribute can be taken from the values of "LEFT", "CENTER" and "RIGHT". This attribute controls how the text in the paragraph is aligned in the WEB page. Note: some browsers do not support right alignment.

When we define a blank line separately, we are used to using the

In the form of double tags, so

Is the only tag in HTML that cannot clearly define whether it is a double tag or a single tag.

2) Grammar:

Description: this tag is a single tag.

9. List: there are three types of lists commonly used, namely, unordered list, ordered list, and definition list. Column form

Meta allows nesting.

Structure:

a. Start tag: defines the beginning of the entire list and defines the properties of the list.

b. Define each option.

c. End of the list.

1) unordered list:

a. Syntax:

Description:

L is used to define unordered lists, and both the start and end tags of the unordered list are required. Displays as a solid black dot.

L TYPE attribute can take three values "DISC", "SQUARE", "CIRCLE", they are used to control the accent style attributes, the three values correspond to solid dots, solid squares, hollow circles. In FRONTPAGE, the other two attributes except DISC must be in lowercase before the browser can recognize.

The l COMPACT attribute is a valueless attribute (name tag) that is used to denote table items of a list in a compact format.

b. Syntax:

Description:

The l TYPE attribute is optional and is generally not needed, because it should have been defined when the overall list is defined, and it is necessary to define this attribute here only in rare cases when you need to make the emphasis of different table items different. The selection of property values is consistent with the property options in the previous list. (in FRONTPAGE, the other two properties except DISC must be in lowercase before the browser can recognize them. )

2) ordered list:

Syntax:

Description:

The l tag is used to define an ordered list, and both the start and end tags of the ordered list are required. The list item of an ordered list is preceded by an order number, and the difference between an ordered list and an unordered list is that the emphasis is replaced by an order number.

L TYPE attribute can take five values "1", "a", "A", "I", "I", it is used to control the accent style attributes, the five values correspond to numbers, lowercase letters, uppercase Roman numerals, uppercase Roman numerals.

The l START attribute is a number that indicates the number (letter) from which the count value is the value. Example: 4

The l COMPACT attribute is a valueless attribute (name tag) that is used to make the table items of a list appear compactly in a compact format.

3) definition list: it is generally used to define terms, and sometimes a definition list is called a vocabulary list. The list item that defines the list is divided into two parts, one is the term that needs to be defined, and the other is the definition of the term.

a. Syntax:

Description:

The l tag is used to annotate the list of definitions, and both the opening and closing tags are required.

The l COMPACT attribute is a valueless attribute (name tag) that is used to make the table items of a list appear compactly in a compact format.

L tags are not allowed to contain any unit or plain text except and.

b. Syntax:

Description:

The l tag is used to annotate terms that need to be defined.

c. Syntax:

Description:

L units are also allowed to appear only inside the unit, and its closing tag can usually be omitted.

L units can contain some block-level units, especially can be embedded in other lists.

Pre-formatted: the unit is used to contain a piece of preformatted text. The WEB browser will reproduce the text between the start tag and the end tag intact according to the format in the original code. The end tag of the unit is necessary and cannot be omitted (practice has proved that it can be omitted, what will not be affected? ). Unlike ordinary paragraphs, automatic line wrapping is prohibited for preformatted text to ensure that the preformatted format is not broken. The cell has an optional property "WIDTH", which is used to set the width of the text in characters. The "WIDTH" property enables the browser to select the appropriate font so that the text of the entire PRE cell fits the width of the current window.

The unit should also pay attention to the following issues:

Text-level tags enumerated in syntax rules, such as etc., are allowed to appear in units, but they are not all supported by all browsers.

L paragraph markup

It is not allowed to appear inside the cell, but if it is forced to do so, the browser generally treats it as two line breaks.

Because other HTML tags are allowed inside the unit, it is generally not possible to add a piece of ASCII text and insert it directly into the HTML document without change. If there is ">" in the text

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.