Recommended: HEAD element usage highlights HTML documents consist of two parts: Head (theme part, generally invisible) and Body (the body part, visible in the browser). With the popularity of visual web editors such as FrontPage and Dreamweaver (DW), it is no longer a dream to make a professional web page without understanding HTML. However, these homepage creation tools cannot be used
HTML is Hypertext Markup Language (HypertextMarkupLanguage), also known as WEB web language, is necessary to understand it on web pages. Although there are many tools for making web pages now, such as Dreamwvear, FrontPage, etc., you can actually make beautiful without understanding these codes. web page. . . Because HTML content is abundant, few people are willing to write code to make web pages (ine efficiency). Most of them use software, what you see is what you get. However, it is relatively convenient to understand the modification of subtle parts of these codes. . . The posts we made in the forum are only a small part of the HTML language (it is easy to master). We don’t need to understand the actual significance of most HTML codes. We only need to understand the few commonly used tags. In this way, for production, Debugging effects are helpful. Here I will collect and organize the explanation of the code writing rules for you. . . I have not studied very deeply in this regard. I have any shortcomings or inappropriate points. Please add and improve it.
I feel that these codes mainly play a role in orchestration, and there are some good special effects (mainly web page special effects, written in some scripting languages, which are a bit professional). Only a small part of the forum supports, so most of the beautiful pictures are software. Processed such as: PS, FW, UG and other image processing software. . . However, I found that many friends of Zhenshui can make pictures. This is our advantage. As long as we understand these codes a little, exquisite works will be released soon. . .
Formula: exquisite code posts = text + pictures + music + FLASH So we only need to understand the relevant tags. . .
Common HTML code:
1. Text mark
The basic code is as follows:
<P align=center><FONT color=#0066ff face=Lishu size=5>Insert text</FONT></P>
align=center means that the font is centered, and the optional value is right (right) left (left)
color=color code
face=The commonly used fonts are: Song font, bold, regular font, imitation Song font, fantasy, new Song font, delicate style, etc.
size=font size, the maximum value here is 7. 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 word, the larger the word
b. Specify the font <font face=font name>...........</font>
c. Text color <font color=#rrggbb>..........</font>
rr: red (red) color code
gg: green color code
bb: blue color code
rrggbb can also use 6-digit color code number
2. Bold characters<b>.........</b>
3 The effect of bold font <STRONG>........</STRONG> and <b> tags are similar to each other
4. Line break (also called carriage return) <br>
5. Segmented Mark<p>
The alignment direction of text <p align=#> # can be left: table align to the left (preset value) center: table align to the center right: table align to the right text after PS<p align=#> will be as follows The set alignment is displayed until another <p align=#> appears to change its alignment direction. When a <hr> or <h#> tag is encountered, the preset left alignment will be automatically set back.
6. Dividing mark <DIV>
<DIV> is called a partition mark. Function: Set the placement of characters, drawings, tables, etc.
<DIV>It will be more powerful when applied to Style Sheet. Its ultimate goal is to give designers another organizational ability, including attributes such as Class ; Style ; title ; ID ; etc. .
Take <DIV align=center> as an example:
align=center
Optional values: center ; left ; right . Determine the characters, drawings, tables, etc. in the center, to the left or to the right.
<DIV align=center> functions the same as the centering mark <CENTER>. .
Note: In fact, the common use is similar to the <p> tag, but the function is relatively stronger than <p>. . .
7. Dividing line<hr>
a. The thickness of the divider <hr size=point number>
b. Width of the divider <hr size=point or percentage>
c. Divider line alignment direction <hr align=#>
# number can be left: table is aligned to the left (preset value) center: table is aligned to the center right: table is aligned to the right
d. Color of the divider <hr color=#rrggbb>
e. Solid divider <hr noshade>
8. Align the <center>........</center> and <p align=center>.....</p>,<DIV align=center>... ....<DIV>The effect is basically the same. . .
9. Text Move Tag <MARQUEE>........</MARQUEE>
<marquee attribute=attribute value> scroll content</marquee>
The movement speed command is: scrollAmount=# The minimum is 1, the slowest speed is; the larger the number, the faster it moves.
The delay of each step of character movement: scrolldelay=# The attribute value is a number, the minimum # is 1, the larger the value, the greater the speed, and vice versa.
The movement direction command is: direction=# up, down, left, right, right.
The attribute value is scroll: the text moves one-way, side: stops when moving to the boundary, alternate: moves in reverse after reaching the boundary;
align, the alignment method, its attribute values are center, left, right, top, middle, bottom, respectively, which represent center, left, right, aligned upper edge, middle, and bottom edge;
bgcolor, the background color of the moving character, the attribute value is the color code, can be rrggbb hexadecimal number, r=red, g=green, b=blue, that is, the three primary colors in the color, or predefined colors;
loop, the number of loops to move characters, the attribute value is a number, if not specified, the loop will not stop (infinite);
width and height, text height and width, in pixels, attribute values are numbers;
The hspace character has a white length left and right, and the attribute value is a number;
The vspace character has a length of white space, and the attribute value is a number;
The scrollamount character moves at a speed, the property value is a number, the larger the value, the greater the speed, and vice versa;
Common instructions: <MARQUEE scrollAmount=3 direction=up>...........</MARQUEE>
a.<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaa align=middle>Lalala, I can move! </marquee>
b.<marquee direction=left>Lalala, I move from right to left! </marquee>
Lala, I move from right to left!
c.<marquee beha vior=scroll>Lala, I walk around in circles! </marquee>
Lala, I walked around in circles!
d.<marquee beha vior=alternate>Lala, I'll go back and forth! </marquee>
Lala, I'll go back and forth!
e.<marquee scrolldelay=500 scrolllamount=100>Lalala, I will take a step and stop! </marquee>
Lala, I'll take a step and stop!
2. Picture mark
1. Insert the picture <img src=graphic file name>
2. Set the diagram frame-- border <img src=graphic file name border=point number>
3. Set the graphic size--width, height <img src=graphic file name width=width points height=height points>
4. Set the figure to leave empty on the left and right - vspace, hspace <img src=graphic file name vspace=number of points above and below hspace=number of points left and right>
5. Graphic notes <img src=graphic file name alt=explanation text>
Example 1:
<img src=http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif width=180 height=152 border=0>
Example 2:
<P align=center><img src=http://cry.shidabbs.com/home/bbsjc/images/hanxing2.gif width=180 height=152 border=0></p>
3. Table related (the main background of our post is the table)
Example 1:
The source code is as follows:
<TABLE align=center background=post background border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width=100%><TBODY><TR><TD>
Post content, text or pictures... </TD></TR></TBODY></TABLE>
1. Define the table <TABLE>, which is the background we make posts.
2. Define the column <tr> <tr> flag pair to create each row in the table.
3. Define the column i.<td>: The <td> flag pair is used to create each grid in a row in the table.
This flag pair is only valid when placed between the <tr></tr> flag pairs.
ii.<th>: The <th> flag pair is used to set the table header, usually in bold Chinese characters.
a. Horizontal position-- align <th align=#>
# number can be left: Align to the left center: Align to the center right: Align to the right
b. Vertical position-- align <th align=#> # number can be
top: align up middle: align middle bottom: align down: align down
c. Column width-- width <th width=point or percentage>
d. Vertical merge of columns -- rowspan <th rowspan=Number of columns to be merged>
e. Horizontal merge of columns -- colspan <th colspan=Number of columns to be merged>
4. Main properties of tables
example:
Parameter setting for <TABLE> (commonly used):
Share: How to connect to SQL SERVER 2008 by ASP Now many friends use sql2008, but the original 2000 code is no longer available. Here is a way to connect to sql2008. Friends who need it can refer to it. Although there are many introductions on the Internet, I still have to work hard to connect. . (To install IIS and SQL SERVER) Create a new *.asp file and type the code as follows: % set conn =server.createobj
3 pages in total Previous page 123 Next page