HTML基础知识——图片、列表标签

【以下html中属性的修改了解即可，都可以用CSS代替】

html中加载图片——img单标签

<img src="一般情况下写图片文件的相对路径" 其他属性设置>
包含的属性有：align、alt、width、height...
相对路径：./xxx/xxx.jpg

列表标签（都是双标签）

有序列表——ol

li:列表项

<ol>买东西
        <li>买衣服</li>
        <li>买鞋子</li>
        <li>帽子2个</li>
        <li>手套三双</li>
    </ol>

效果为：

可以通过修改ol的type选择不同的语言，修改start改变其实数

<ol type="A" start="3">买东西
        <li>买衣服</li>
        <li>买鞋子</li>
        <li>帽子2个</li>
        <li>手套三双</li>
    </ol>

无序列表ul

<ul>买东西
        <li>买衣服</li>
        <li>买鞋子</li>
        <li>帽子2个</li>
        <li>手套三双</li>
    </ul>

效果为：

type的选项有disc(圆点)、square(方框)、circle(圆圈)三种选项

有结构的列表——dl

dl 标签定义一个描述列表。
dt标签定义一个描述列表的项目/名字。
dd标签被用来描述一个描述列表的项目/名字。

	<dl>
        <dt>coffe
            <dd>喜欢喝</dd>
            <dd>从来不喝</dd>
        </dt>
    </dl>

效果为：