Div: 1. Basic Attributes: width, height, left, top, background-color (transparent when set to transparent)
2. Positioning attribute: Position: absolute/relative
The location is fixed when absolute is used; When relative is used, the location will fluctuate according to the actual situation of the content.
3. Display attribute: Display: block/None
The block is in the default status, indicating that the block is displayed. None indicates that the block is hidden.
4. Priority attribute: Z-index: N
N indicates an integer (positive or negative). When multiple divs exist, the greater the value of N, the higher the front is displayed;
Z-index can be understood as the coordinate of the Z axis (X and Y axes control the left and right sides, the up and down directions, and the Z axis control the front and back directions of the stacked Div)
The Z-index attribute takes effect only when position: absolute is used;
The position: absolute div is not set, and its Z-index is always 0;
Div with no priority attribute (Z-index) is stacked in the declared order, and then declared to cover the previously declared Div. If two DIV s belong to the parent-child relationship, the child Div overwrites the parent Div;
5. Transparent attributes: opacity: 0.3; (for Firefox); filter: alpha (opacity = 30) (for IE)
Table:
<Table aling = left>... </table> table location, left
<Table
Aling = center>... </table> table location, center
<Table
Background = image path>... </table> the URL of the background image is the URL of the path.
<Table
Border = border size>... </table> set the border size of the table (using numbers)
<Table
Bgcolor = color code>... </table> set the background color of the table.
<Table
Borderclor = color code>... </table> set the border color of the table.
<Table
Borderclordark = color code>... </table> sets the color of the dark border of the table.
<Table
Borderclorlight = color code>... </table> set the color of the highlighted border of the table.
<Table
Cellpadding = parameter>... </table> specifies the spacing between content and grid lines (using numbers)
<Table
Cellspacing = parameter>... </table> refers to the distance between the fixed line and the grid line (using numbers)
<Table
Cols = parameter>... </table> specifies the number of columns in the table.
<Table
Frame = parameter>... </table>: sets the display mode of the outer box line of the table.
<Table
Width = width>... </table> specifies the table width (using numbers)
<Table
Height = height>... </table> specifies the table height (using numbers)
<TD
Colspan = parameter>... </TD> specifies the number of columns in the combine bar of the bucket (using numbers)
<TD
Rowspan = parameter>... </TD> specifies the number of columns in the merged column of the bucket (using numbers)
<!> Split windows
<Frameset
Cols = "20%, *"> split left and right. Split the left frame to 20% right frame size. The browser automatically adjusts the size.
<Frameset
Rows = "20%, *"> split up and down. The browser automatically adjusts the size of the frame below 20%.
<Frameset
Cols = "20%, *"> split the left and right frameworks
<Frameset Cols = "20%, *, 20%"> split the left, middle, and right frames.
<Split up and down two frameworks
<Frameset rows = "20%, *, 20%"> split the upper and lower frames.
<! --...---> Annotation
<A href
Target> specify the hyper-link split window
<A href = # Name of the anchor> specify the hyperlink of the anchor name
<A href>
Specify hyperlink
<A name = anchor Name> name of the connected Node
<Address>... </address>
Used to display email addresses
<B> bold Chinese
<Base target> specify the hyper-link split window
<Basefont
Size> change the default font size
<Bgsound SRC> Add background music
<Big> display Large fonts
<Blink> blinking text
<Body text link vlink> set text color
<Body>
Show this article
<Br> line feed
<Caption align> set the table title Position
<Caption>... </caption> adds a title to the table.
<Center> align to center
<Cite>... <cite> used in cited texts
<Code>... </code>
Used to list a piece of code
<Comment>... </comment> with Annotation
<DD> set the project description of the definition list
<Dfn>... </dfn> display "Definition" Text
<Dir>... </dir> list text labels
<DL>... </dl> set the tag of the definition list
<DT> set the items in the definition list
<Em>
<I> italics
adjust the image position
Add images to your image
Add a video
insert an image and preset the image size.
insert an image and preset the Left and Right Border of the image
preload image Function
SRC Border> set image boundary
insert an image
Insert an image and preset the upper and lower boundary of the image
<Input type name value> Add an input field to the form.
<Isindex>
Define query forms
<KBD>... </KBD> indicates the user's input text.
<Li
Type>... </LI> List of items (you can specify the symbol)
<Marquee> running headlight Effect
<Menu>... </menu> bar text label
<Meta name = "refresh" content
URL> automatically update File Content
<Multiple> You can select multiple columns at the same time.
<Noframe>
Define text that does not show split windows
<Ol>... </OL> list with serial numbers
<Option> define the items in the list column of the form.
<P align> set the alignment direction
<P> Segmentation
<Person>... </person>
Show person name
<PRE> use original arrangement
<SAMP>... </SAMP> used for reference
<SELECT>... </SELECT> define the list column in the form.
<Small> show small font
<Strike> text with a horizontal line
<Strong> used to strengthen tone
<Sub> subscript
<Sup> superscript
<Table border = n> adjust the table's wide line height
<Table
Cellpadding> adjust the border of the data column
<Table cellspacing> adjust the table line width.
<Table
Height> adjust the table height
<Table width> adjust the table width.
<Table>... </table>
<TD align> adjust the left and right alignment of the table column
<TD bgcolor> set the background color of the table column
<TD colspan rowspan> MERGE table columns
<TD nowrap> set the table column to not wrap
<TD valign> adjust the upper and lower alignment of the table column
<TD
Width> adjust the column width of the table.
<TD>... </TD> defines the data column of the table.
<Textarea name
Rows Cols> Number of columns added to the form in the text input Column
<Textarea wrap> determines whether a text line is automatically entered.
<TH>... </Th> defines the header column of the table.
<Title> file title
<Tr>... </tr> defines a row in the table.
<Tt> typewriter font
<U> text plus bottom line
<Ul type>... </ul> list without serial number (you can specify a symbol)
<Var>... </var> used to display Variables
Blockquotc text indent
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
