HTML的常用標簽

Author: 劉老師(Aaron Lau)

HTML的常用標簽


標題<h?></h?>

<h1>1號標題</h1>
<h2>2號標題</h2>
<h3>3號標題</h3>
<h4>4號標題</h4>
<h5>5號標題</h5>
<h6>6號標題</h6>

段落<p></p>

<p>這是一個段落哦</p>
<p>這是另一個段落</p>

超鏈接<a ...></a>

<a >點我在當前頁面打開</a>
<a  target="_blank">點我在新窗口中打開</a>

插入圖片<img src=.../>

<img src="whphp.jpg" width="104" height="142" alt="武漢php學習"/>

表格<table></table>

<table border="1">
    <tr>
        <td>第一行第一列</td>
        <td>第一行第二列</td>
    </tr>
    <tr>
        <td colspan="2">合并單元格</td>
    </tr>
</table>

列表

無序列表<ul><li></li></ul>

<ul>
    <li>首頁</li>
    <li>新聞</li>
    <li>關于我們</li>
    <li>聯系我們</l>
</ul>

有序列表<ol><li></li></ol>

<ol>
    <li>首頁</li>
    <li>新聞</li>
    <li>關于我們</li>
    <li>聯系我們</l>
</ol>

表單<form>...</from>

<form action="index.php" method="post">
    用戶名(文本框):<input type="text" name="username" />
    <br />
    密碼(密碼框):<input type="password" name="password" />
    <br />

    性別(單選按鈕):
    <input type="radio" name="sex" value="男" /> 男
    <input type="radio" name="sex" value="女" /> 女
    <br />

    愛好(復選框):
    <input type="checkbox" name="music[]" />音樂
    <input type="checkbox" name="music[]" />藝術
    <input type="checkbox" name="music[]" />電腦
    <br />

    國籍(下拉列表):
    <select name="country">
        <option value="中國">中國</option>
        <option value="美國">美國</option>
        <option value="澳大利亞">澳大利亞</option>
        <option value="加拿大">加拿大</option>
    </select>
    <br />

    個性簽名(文本域):
    <textarea name="sign" rows="10" cols="30"></textarea>
    <br />

    <input type="submit" value="提交按鈕" />
    <input type="reset" value="重置按鈕" />
</from>

其他標簽

<br />    換行
<hr />    分割線
<pre></pre>        預格式文本

塊級元素與行內元素

塊級元素自己單獨一行,不能和其他元素在同一行.

行內元素可以和其他行內元素,同在一行.

<div></div>        定義一個div塊(塊級元素)
<span></span>    定義一個span文本容器(行內元素)

其他默認塊級元素

<h1>, <p>, <ul>, <table>

其他默認行內元素

<b>, <td>, <a>, <img>

以上為html的基礎知識,是網站制作的必備課程,所有知識要求全部掌握精通!

上一篇課程 沒有更多了

學生登錄