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 href="http://www.hao123.com">点我在当前页面打开</a>
<a href="http://www.baidu.com" 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的基础知识,是网站制作的必备课程,所有知识要求全部掌握精通!