【html】常用标签之 ol,ul 标签, div 标签, img 与标签

标签元素分类
1, 块级元素 独占一行, 可设宽高 默认浏览器宽度 ( h ol ul p)
2. 行内元素 共享一行 不可设宽高 (a)
3. 行内块元素 共享一行 可设宽高 (img)


列表标签
无序列表
<ul type="none">
<li>我的账户</li>
<li>我的订单</li>
<li>我的优惠券</li>
<li>退出</li>
</ul>
type: 默认显示一点, none 就 不显示

有序列表
<ol type="1">
<li>我的账户</li>
<li>我的订单</li>
<li>我的优惠券</li>
<li>退出</li>
</ol>
style="list-style:none" 效果同无序的type=none
type:
1为阿拉伯数字
a为小写字母
A为大写字母
i为罗马数字
I为大写罗马数字


<div> 分块标签 ,在网页中给分块管理, 不调整的情况显示不出区别

<img> 图片标签
特点
1.可设定宽高,
2. 行内块标签
<img src="./homesmall.png" alt="python的图片" style="width:200px;height:200px">
图片的url 图片加载失败的内容 宽度和高度

posted @ 2018-08-08 22:40  caya  阅读(318)  评论(0编辑  收藏  举报