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>

效果爲：