One, the classification of the list
1, unordered list
Bullets are typically used as a prefix for list items. The symbol has three kinds of attribute 1, the default value is the Entity Center Type= "disc" 2, the solid square heart type= "Square" 3, the Hollow Circle type= "Circle"
Grammar
<ul type= "required symbols" > declaration This is an unordered list and sets the style of the list symbol
<li></li> as the start of a list statement
</ul>
2, with sequence list
Each list item is currently represented by a sequential symbol. Symbol three attributes: 1, is the number type= "1" 2, the letter type= "a" or "a" 3, the Roman numeral type= "I or I" to indicate the case
Grammar
<ol> Declare this is a style that has a list of lists and sets the symbol
<li></li>
</ol>
3, defining the list
A combination of the list of items and their annotations. Do not add any symbols before the project
Grammar
<dl> Declaration Definition List
<dt></dt> Defining list Items
<dd></dd> Define Content
</dl>
Summary: In the actual Web application, the unordered list is more widely used than ordered lists. The definition list is suitable for situations where there is a mixed arrangement of title explanatory content or picture and text content
Two. Forms
Why use tables?
1, easy to use
2, stable structure
What does the form consist of?
1, cell
2, OK
3, column
Basic syntax:
<table> Declaration Form
<tr> start the first line of the form
<td> 1th Row 1th cell contents </td>
<td> 1th Row 2nd cell contents </td>
<td> 1th Row 3rd cell contents </td>
</tr>
<tr>
<td> 2nd row 1th cell contents </td>
<td> 2nd row 2nd cell contents </td>
<td> 2nd row 3rd cell contents </td>
</tr>
</table>
1, in the <table> tab can set various table properties, for example: border= "1" Border width
2, you can also set the align Horizontal alignment property and valign vertical alignment property in the <td> tab.
There are three alignment methods in the 3,align, 1, left-aligned: 2, center-aligned: Center 3, right
There are four alignments in valign, 1, top aligned: Top 2, center aligned: Middle 3, Bottom aligned: Bottom 4, Baseline alignment: Baseline
4, Summary: In the actual development, the table alignment usually uses the CSS style to control, uses the attribute to align the control the situation to be relatively few
5,<td> tags can also be set across rows and across columns
The syntax is: <TD colspan= "across columns" > Content </td>
<TD rowspan= "across lines" > Content </td>
Third, the framework
1, what is a frame?
Display multiple pages on the same page, you can reuse the page, by clicking on the left side of the page content, the right side to display the specific content.
2, the common frame technology has the following two kinds
Frames <frameset> pages are all used <frame> implementation, for the entire page is implemented in the framework of the occasion
Inline Frames <iframe> General introduction of Off-Site page content in the page
3, basic syntax:
<frameset rows= "25%,*" > divides a complete page into two lines, which occupy the%25. The rest is what the *,* represents.
<frame src= "need to display the page under this%25" >
<frameset cols= "20%,*" > divides the remaining * pages into two columns, with%20 on the left. The right occupies *, that is the remaining part
<frame src= "need to display the page under this%20" >
<frame src= "need to display the page under this *" >
</frameset>
</frameset>
4, we can set some frame properties in the <frameset> tag
For example
①scrolling whether scroll bar is displayed: Only two values, default is display, scrolling= "No" does not display
②noresize whether the frame window size is allowed to resize by default allows noresize= "noresize" not allowed
③name frame designation name nama= "desired name"
④frameborder whether to display the border around the frame frameborder= "1"
5, the association between the Windows is to set the HYPERLINK "Target" target window properties
There are several ways to open the
①blank: Open in new tab
②self: If the target property is not set , the default value is _self
③ frame window name opens a link in the Framed window
④_parent: Open links in parent frameset, if not frames page, meaning same as _self
⑤_top: Open a link in the top-level window
6.<iframe> syntax
<irame src= "referenced page address" name= frame name "" >
Its common properties are the same as frameset