Home > Developer > Web Develop
Chapter II list, table and framework
A List of categories:
1. Unordered list
2. Ordered list
3. Defining the list
Type |
Description |
Project symbols (type= "" property setting bullets) |
Unordered list (Unorder list) |
Declare unordered lists with <ul> Take <li></li> as the starting point for each list item </ul> |
Disc Bullets Show entity Center (default) Square bullets appear as solid Foncem Circle bullets appear as hollow circles |
Ordered list (Olorder list) |
Declare an ordered list with <ol> Take <li></li> as the starting point for each list item </ol> |
1 using numbers as bullets (default) a/a using uppercase and lowercase letters as bullets i/i using size-definite letters as bullets |
Definition List |
Define lists with <dl> declarations Take <dt></dt> as the starting point for each list column item Use <dd></dd> define Content </dl> |
No bullets or display order |
Two. Form:
1. Benefits of using tables: simple, structurally stable
2. Basic structure of the table: cell, Row, column
3. Basic syntax of the table:
<table border= "Border width" cellpading= "padding" cellspacing= "margin" >
<tr> Create row labels in table, you can have more than one line.
<tdcolspan= "Number of columns spanned" ></td> create cells in the Row tab.
<td></td> Create a cell in the Row tab.
</tr>
<tr> Create row labels in table, you can have more than one line.
<tdrowspan= "Number of rows spanned" ></td> create cells in the Row tab.
<td></td> Create a cell in the Row tab.
</tr>
</table>
Property |
Value |
Description |
Align (Horizontal alignment) |
Left |
Align Left |
Center |
Center Alignment |
|
Right |
Align Right |
|
valign (Vertical alignment) |
Top |
Top Align |
Middle |
Alignment in the play |
|
Bottom |
Align the bottom line |
|
Baseline |
Baseline alignment |
Three <frameset> Frame:
1. Benefits of using the framework: (1) Multiple pages are displayed in the same browser window. (2) page reuse can be achieved. (3) Implement a typical "directory structure".
2. Frame type: (1) frame. (2) inline frame.
<frameset cols (column) = "25%, 50%, *" rows (rows) = "50%, *" border= "5" >
<frame src= "sfsfsf.html" >
<frame src= "ytbsvx.html" >
</frameset>
Property |
Role |
Lifting columns |
Frameborder |
Whether to show borders around frames |
Frameborder= "1" |
Name |
Frame Identification Name |
Name= "Frame" |
Scrolling |
Whether scroll bars are displayed |
Scrolling= "No" |
Noresize |
Whether to allow resizing of frame windows |
Noresize= "Noresize" |
3. Set the HYPERLINK "Target" Window property to the name of the frame window you want to display.
<span>
<a href= "right.html" target= "Rightframe" >
</a>
</span>
Target's property value:
Property value |
Meaning |
-blank |
Open a connection in a new window |
-self |
Open a link in the own window of the page where the link is located |
frame window Name |
To open a link in the frame window you want to specify |
-parent |
Open link in parent frameset, if not frames page, meaning same as "-self" |
-top |
Open a link in a top-level window (that is, the entire browser window) |
4.<iframe> Inline Frame
<title></title>
<body>
<iframe src= "subframe/theone.html" width= "400px" height= "236px" frameborder= "1" scrolling= "no" ></iframe >
</body>
HTML Chapter II
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
