HTML日记一(表格,图片,超链接,无序列表,frameset框架集)

听了几节课,一直没练过,这回一起练一下

废话不多说上代码

all.html

1 <frameset rows="20%,*">
2 <frame src="top.html"frameborder="0" >
3 <frameset cols="20%,*">
4 <frame src="left.html" noresize frameborder="0">
<!--要显示的地址-->
5
<frame src="right.html" frameborder="0" name="myFrame" > 6 </frameset> 7 </frameset>


top.html

1 <body bgcolor="black">
2 <img src="bianchi.png"/>
3 <body/>

left.html
*target指定哪个内容框架负责显示,这里负责显示的是myFrame框架

<body bgcolor="Aqua">
<ul>
<li><a href="lyric1.html" target="myFrame">Super Record EPS 11sp Compact</a></li>
<!--超链接地址-->
<li><a href="lyric2.html"target="myFrame">Chorus 11sp Compact</a></li> </ul> <body>

lyric1.html(字体大小,加粗,换行,图片,内容段,表格,表格合并

 1 <table bgcolor="yellow" boder="6px" align="center">
 2 <tr>
 3 <td><img src="bike1.png"/></td>
 4 <td><blockquote>
 5 <font size="6">OLTRE XR </font> <br/>
 6 <B>Super Record EPS 11sp Compact</B> <br/>
 7 零售价:¥145000.00 商品编号:Y3BL8YOC <br/>
 8 
 9 </blockquote></td>
10 </tr>
11 
12 <tr>
13 <td align="center" colspan="2"><blockquote>
14 <!--colspan="2"表该列要占用两列-->
15 前叉:Bianchi Full Carbon HoC 1.5">1.1/8" <br/>
16 
17 碗组:Fsa Orbit C-40-CF-ACB + Carbon Ti X- Plug with logo Bianchi <br/>
18 
19 刹车变速手柄:Campagnolo SUPER RECORD EPS 11sp <br/>
20 
21 后变速器:Campagnolo SUPER RECORD EPS 11sp <br/>
22 
23 前变速器:Campagnolo SUPER RECORD EPS 11sp <br/>
24 
25 牙盘:Campagnolo SUPER RECORD ULTRA-TORQUE CT TI Carbon 11sp 34-50T <br/>
26 
27 链条:Campagnolo RECORD 11sp <br/>
28 
29 飞轮:Campagnolo SUPER RECORD UD 11sp 12-25T <br/>
30 
31 刹车:Campagnolo SUPER RECORD <br/>
32 
33 轮组:Fulcrum Racing Speed XLR DARK carbon tubular CAMPY<br/>
34  Fulcrum Racing Zero 2Way-Fit CAMPY - <br/>
35 
36 Fulcrum Red WIND XLR - DARK - 2Way-Fit - profile 50mm - <br/>
37 
38 USB - Aluminium/Carbon 3K CAMPY <br/>
39  
40 轮胎:Hutchinson Carbon Comp TUBOLAR 700x23C black 127 TPI <br/>
41 
42 把立:Fsa OS-99 CSI - AL7050 core with integrated carbon structure, <br/>
43 
44 车把:Fsa K-Force Compact with CK color and reparto corse logo <br/>
45 
46 
47 座管:OLTRE XR Full Carbon Aero special dimension with titanium screws <br/>
48 
49  
50 
51 座包:Fizik Antares rail braided carbon, shell Rilsan Carbon reinforced <br/>
52 
53 脚踏:(不含) <br/>
54 </blockquote></td>
55 
56 </tr>
57 
58 
59 </table>


帅气照片,两张流

原文地址:https://www.cnblogs.com/kyxyes/p/3280107.html