./   同級目錄
./   進入該目錄名下
../  上一級目錄

<!-- 
 圖片標記
 src      圖片的路徑
 width    設置圖片寬度
 height   設置圖片高度
 title    滑鼠放到圖片上時顯示標題  利於搜索引擎化
 alt      網速慢，或者圖片不小心刪除，影響用戶體驗   載入慢，      或者圖片不存在，使用alt屬性值來提示
 
 特點：多個佔一行，可以設置寬高
-->
   <img
       src="./img/bd2.png"
       width="200px"
       title="總統"
       alt="這是一張總統照片"
    />
   <img src = "./img/logo/logo.png" width = "150"/>

<!-- 
    有序列表
    ol中只嵌套li
    特點：獨佔一行，自帶樣式
 -->
 <ol>
    <li>列表內容 1</li>
    <li>列表內容 2</li>
    <li>列表內容 3</li>
 </ol>

  <!-- 
    無序列表
    ul中只嵌套li
    特點：獨佔一行，自帶樣式
  -->
  <ul>
    <li>無序列表內容</li>
    <li>無序列表內容</li>
    <li>無序列表內容</li>
  </ul>

 <!-- 
    自定義列表
    特點：獨佔一行
  -->
  <dl>
    <dt>中國的城市</dt>
    <dd>北京</dd>
    <dd>上海</dd>
    <dd>內蒙古</dd>
    <dt>美國的城市</dt>
    <dd>華盛頓</dd>
    <dd>紐約</dd>
  </dl>

//特點：獨佔一行   不自帶樣式
<div>div</div>

//特點：多個佔一行  不自帶樣式
<span>span標記</span>
<span>span標記</span>
<span>span標記</span>

<table width="500" border="1" cellspacing="0"  >
    <caption>
        <h1>初一各班成績表</h1>
        <!-- 
            tr:行
            屬性：
            height：高度
            align：內容水平對齊方式   center：居中  left：居左  right：居右
            valign:內容垂直對齊方式   middle   top   bottom
         -->
        <tr>
            <td>姓名</td>
            <td>性別</td>
        </tr>
        <tr>
            <td>歐陽</td>
            <td>女</td>
        </tr>
        <tr>
            <td>戴璐</td>
            <td>女</td>
        </tr>
    </caption>
</table>