痞客興的部落格

<h1>這是h1的顯示</h1>

以標題方式顯示內容,HTML會顯示如下,是不是明顯放大呢??

這是h1的顯示

 <p>這是一段很長的文章</p><p>長到無法分段落</p><p>很難閱讀</p>

我們透過使用<p></p>段落標籤來替文章進行分段,顯示結果如下是不是比較容易閱讀了呢??

這是一段很長的文章

長到無法分段落

很難閱讀

這是一段很長的文章<br>長到無法分段落<br>很難閱讀

使用<br>可以讓文章在需要的地方換到下一行,它和<p></p>不同的是,換行中間的間隔比較小,顯示結果如下

這是一段很長的文章
長到無法分段落
很難閱讀

<table border="1">
    <tr>
            <td>內容1</td>
            <td>內容2</td>
    </tr>
    <tr>
            <td>內容3</td>
            <td>內容4</td>
    </tr>
</table>

上面的HTML程式會建立一個只有二行二列的表格,表格內放內容,顯示結果如下

<div style="background: red; height:100px; width:100px;">內容</div>

使用<div></div>建立一個區塊,並將背景設從紅色,裡面放內容

<ul>
    <li>清單一</li>
    <li>清單二</li>
</ul>

使用<ul><li></li></ul>來建立清單,顯示內容如下

• 清單一
• 清單二