Home page
requirement analysis
According to the product documentation, complete the mall home page, the display effect is as shown in the figure
technical analysis
Table label
Table tag
Common attributes:
- Bgcolor: background color
- Width: width
- Height: height
- Align: alignment
TR tag
TD tag
Merge cells:
- ColSpan: cross column operation
- Rowspan: cross row operation
Note: after cross row or cross column operations, the occupied grid needs to be deleted
Nesting of tables: a table can be nested in TD
Common attributes:
Width = “100%” padding
Step analysis
- Create a table with eight rows and one column
- The first part: logo part: nesting a table with one row and three columns
- Part 2: navigation bar part: place 5 hyperlinks
- The third part: rotation chart
- Part 4: nesting a table with three rows and seven columns
- Part 5: put a picture directly
- Part six: copy part four
- Part 7: place a picture
- Part 8: put a bunch of hyperlinks
code implementation
Sign in
register
Shopping Cart
home page
Mobile phone digital
Shoe bags
Computer office
Cigarettes and drinks
Latest products
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Hot products
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
Washing machine
$998
About us
contact us
invite to one 's side men of wisdom and valor
Legal statement
Links
Payment method
Distribution mode
Service statement
Advertising statement
Copyright? 2005-2016 Chuanzhi mall. All rights reserved