HTML Knowledge point carding (II.)

One: List label

There are three types of list labels: unordered list, ordered list, definition list

unordered list: An unordered list is a list item that is used to denote a non-sequential order of points!

Grammar:

< ul >
< Li ></ Li > </ ul >

The label is a group label class, the group label either does not write, or it is necessary to write a group.

Unordered list style: There is a small, solid dot in front of the default.

UL or Li Tag properties:

Type: Indicates the types of symbols preceding the list

Value: disc (small dot with default solid), Circle (hollow circumference), square (solid small square)

<type= "Square">    <li>1  </li>    <li>2</  Li></ul>

Note: Lists can also be nested in lists!

sequence table: A list item with a sequence that represents a sequence of points

Grammar:

< ol >    < Li ></ Li >    < Li ></ Li > </ ol >

Ol or Li Tag properties:

Type: Used to set the ordinal in front of the list

Value: 1 (default), A, A, I (small Rome), I (Greater Rome)

Start: Used to indicate where the ordinal begins to take a value: value

Reversed: The meaning of the countdown

definition list : The definition list is a group label, but more complex because it has three pairs of labels!

Grammar:

<DL><!--DL representation definition list -    <DT>Books</DT><!--DT represents the definition title -    <DD>Journey</DD><!--DD represents a description of the definition title -    <DD>Outlaws</DD></DL>

Two: Table label

The table is also a group label. Basic syntax for tables:

<Table>    <TR><!--represents a row label in a table how many rows in a table should be written on the TR label -                <th></th><!--indicates that the text in the cell of the header cell is displayed in bold and centered -        <TD></TD><!--Indicates how many cells in a row of cells in a table should be written to the TD label -        </TR></Table>

Common Properties for table tags:

Property name	Function
Border	Set the border unit for the table is the pixel value: 0~n
Width	Set width values for tables: fixed values and percentages
Height	Set the height of the table generally not because the height of the table is usually determined by its content.
Background	Set a background picture for a table you can use relative and absolute paths
BgColor	Set a background color for a table
Align	To set horizontal alignment for a table Value: Left (right-aligned default value) Center Center alignment Right aligns
cellpadding	The contents of cells in a table are filled within the distance of the border
CellSpacing	Distance between cells and cells in a table margin

Properties of the TR tag:

property name	function
Align	To set the horizontal alignment of content within a row Value:left  default   Align left        center  Center alignment       right    right align
valign	Used to set the contents of the line vertical alignment Value:top  top align       middle  Center alignment   default       Bottom   bottom alignment
bgcolor	Set the background color for rows
Height	Set height for row

Properties of TD Tags:

Property name	Function
Align	Used to set the horizontal alignment of content inside a cell Value: Left default value aligned Center Center alignment Right aligns
valign	Used to set the vertical alignment of content inside a cell Value: Top tops align Middle Center Alignment Default value Bottom bottom Alignment
BgColor	Set the background color for a cell
Height	Set a height for a cell
Width	Set width for cell
RowSpan	Merge cells across rows
colspan	Merge cells across columns

To implement a merged cell:

1. Be sure to understand whether we're merging across columns or across rows
2. To know exactly which cell to write the properties of a merged cell
3. To know exactly how many cells to merge and how many cells to merge.
4. To delete the corresponding cell after merging n-1

Three: Form

Form It is mainly used to collect user input of relevant data!

<formAction="">    <P>User name:<inputtype= "text"name= "username"></P>    <P>Password:<inputtype= "Password"name= "Password"></P>
<input type= "Submit" value= "Login" >
</form>

A complete form consisting of "form label" and "Form Control label"!

Properties of the form label

• Action: Submit the user data collected in the form to the "handler for the form" for related processing! This property can be done without writing the data submitted to the current page for processing if you do not write the form!
• Method: Refers to the method of submitting the form data: Get|post

Get: If the method property is not written, the default means that the form data is submitted in "get" mode. Data submitted in Get mode is displayed in the address bar of the browser

Display format: Form handler? Name property value = User input data & Name property value = User input data

If you use post to submit, the form data is not displayed in the browser's address bar and sent directly to the form's handler for processing

The pros and cons of the Get and post modes:

1. form data submitted in Get mode is unsafe

2, get method can only submit a small amount of data

3, Post method submitted data is relatively safe

4, Post method can submit a large amount of data!

HTML Knowledge point carding (II.)