列表 dl dt列表标题 dd内容
有序ol type设置开头符号 1数字 a字母 i
无序ul type 开头符号 disc circle square
图像标签 img 属性 src路径 width宽度 height高度- <!doctype html>
- <html lang="en">
- <head >这是Head部分
- <title>这是Title</title><br/>
- </head><br/>
- <body>
- <dl></dl>:表示列表的范围
- <dl> <font color = "green">这是dl部分,说明dl只是列表的标签
- 声明,里边不放东西,列表内容放在 dt dd标签里
- <dt>这是dt部分<dt>
- <dd>这是dd部分1</dd>
- <dd>这是dd部分2</dd>
- <dd>这是dd部分3</dd>
- <dd>这是dd部分4</dd>
- </dl>
- <hr size = "3" color = "red"/>
- 有序列表范围的标签为 ol<br/>
- ol的属性 type 值 1(默认) a i
- <br/>
- 列表的具体内容放在标签 li 里<br/>
- <hr/>
- <ol type = "a">
- <li>这是个有序列表</li>
- <li>有序列表的</li>
- </ol>
- <ul type = "circle" type = "square" type = "disc" >
- <li>ul里如果出现相同的属性设置,一般以第一个为准</li>
- <li>哈哈</li>
- <li>有什么区别呢</li>
- </ul>
- <hr/>
- 图像标签 img 属性 src路径 width宽度 height高度
- alt 图片上的文字提示
- <br/>
- <img src = "1.jpg" width = "320" height = "240"/>
- <br/>
- <img src = "3.jpg" width = "240" height = "320" alt = "这是我的图片"/>
- </body>
- </html>
复制代码
|
|