First Knowledge html-Chapter II-list, table, frame

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