Getting started with creating HTML code for Web pages

Hypertext Marked Language is a simple markup Language used to create Hypertext documents. Hypertext documents written in HTML are called HTML documents, which are independent from various operating systems (such as UNIX and WINDOWS ). Since 1990, HTML has been used as the information expression language for the World Wide Web, used to describe the format design of Homepage and link information between it and other Homepage on WWW. Files described in HTML must be displayed in the WWW browser.

The so-called hypertext, because it can add images, sound, animation, film and other content, because it can jump from a file to another file, connected to files on hosts around the world.

Use HTML to show a variety of Design Styles

Image call:

Text Format: <font size = "+ 5" COLOR = "# FF0066"> text </FONT>

The effect is as follows:

Text

You can use HTML to redirect between pages.

Page jump: <a href = "file path/file name"> </A>

You can use HTML to display multimedia effects.

Audio Frequency: <embed src = "music file name" AUTOSTART = true>

Video: <embed src = "video file name" AUTOSTART = true>

You can use Notepad, WordPad, FrontPage Editor, and other editing tools to compile Html files. Html uses the sign pair method to compile files, which is simple and convenient, it usually uses <flag Name> </flag Name> to indicate the start and end of a flag (for example, <table> </table> flag ), therefore, such a pair in the Html document must be used in pairs.

From the code structure point of view, HTML posts are actually a Web page that goes from the beginning to the end, in other words, a post edited with HTML code

The essence is a small content of Web editing. Therefore, it is difficult to master the content, but do not be afraid !!! We are not engaged in web design. We just want to make a beautiful post, which is much simpler. you only need to remember some common code and understand the meaning of the code. We can apply it (simply copy and paste it), post it, modify it, and so on to achieve our goal, more than half a month, less than a week, you should be able to create HTML code posts. If you apply more, you will naturally be familiar with it. If you are interested, you can continue to improve. common Code for Forum HTML posts

I. Text mark

The basic code is as follows:

<P align = center> <FONT color = # 0066ff face = size = 5> insert text </FONT> </P>

Align = center indicates that the font is centered. The optional value is right (right) and left (left)

Color = color code

Face = font common fonts:. Phantom. New .. Fine Ming, etc.

Size = font size. The maximum value here is 6. The larger the value, the larger the text.

1. font changes <font> .......... </Font>

A. font size <font size = #> .......... </Font> # = 1 ~ 7. The larger the number, the larger the number.

B. Specify the font <font face = "font name"> .......... </Font>

C. Text color <font color = # rrggbb> .......... </Font>

Rr: red table color code

Gg: green color code of the table

Bb: Table blue color code

Rrggbb can also contain 6-digit color code numbers.

2. Bold <B> .......... </B>

3 font bold <STRONG> .......... </STRONG> similar to <B> labels

4. line feed (also called carriage return) <br>

5. segment marking <p>

The text align direction <p align = "#"> # can be left: The table is left aligned (default value) center: The table is center aligned right: The table is right aligned P.S. <p align = "#"> the subsequent text is displayed in the alignment mode until another <p align = "#"> change the alignment direction, when a

6. Separated tag <DIV>

<DIV> it is called a segmentation tag. Purpose: set the placement of words, paintings, tables, and so on.

<DIV> it is more powerful in Style Sheet. The ultimate goal is to provide the designer with another organizational capability, such as Class, Style, title, ID, and other attributes ..

Take <DIV align = "center"> as an example:

Align = "center"

Optional values: center; left; right. Determines the center, left, or right of a word, painting, or table.

The <DIV align = "center"> function is the same as the CENTER mark <center> ..

Note: in fact, the effect of <p> labels is similar to that of <p> labels, but the function is stronger than that of <p> labels...

7. separation line

A. Width of the separator

B. Width of the separator

C. align the separator line

# No. can be left: Table to left alignment (default value) center: Table to center alignment right: Table to right alignment

D. Separator color

E. solid separation line

8. center alignment <center> .......... </Center> and <p align = "center"> ........ </P>, <DIV align = "center"> ........ <DIV> the effect is basically the same...

9. Text movement mark <MARQUEE> .......... </MARQUEE>

<Marquee property = property value> scrolling content </marquee>

The movement speed command is scrollAmount ### the minimum value is 1, and the speed is the slowest. The larger the number, the faster the movement.

Latency of moving characters in each step: scrolldelay = # The attribute value is a number, and # the minimum value is 1. The greater the value, the higher the speed, and vice versa.

The direction command is: direction = # up, down, left to left, right to the right.

Moving Mode: The behavior attribute value is scroll: One-Way Moving of text, side: moving to the boundary to stop, alternate: moving backward to the boundary;

Align: align center, left, right, top, middle, and bottom respectively. align alignment align;

Bgcolor: the background color of the moving character. The property value is the color code. It can be rrggbb hexadecimal digital, r = red, g = green, B = blue, that is, the three primary colors in the color, it is also a predefined color;

Loop: the number of cycles for moving characters. The attribute value is a number. If this parameter is not specified, the number of cycles is not limited to (infinite );

Width and height, text height and width, in pixels, the attribute value is a number;

The length of both the left and right sides of the string. The attribute value is a number;

The length of the vspace characters is white up or down, and the attribute value is a number;

The movement speed of the scrollamount character. The attribute value is a number. The larger the value, the higher the speed, and vice versa.