HTML学习3

HTML常用标签

1. 标题标签

标题标签是用<h1></h1>-<h6></h6>标签定义.

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

标题1是最大的,标题6是最小的。

2. 段落标签

段落标签是用<p></p>标签定义.

<p>段落</p>

3. 文字标签

文字标签使用<font></font>标签定义.

<font size="3" color="red">文字</font>

代码解释
    size=大小
    color=颜色

4. 图片标签

图片标签使用<img>标签定义.

<img src="url" >
<img src="url" width="300px” height="300px" >

代码解释
    img=图像标签
    src=引入文件位置
    width=宽度
    height=高度

5. 超级链接

超级链接标签是<a></a>标签定义.

<a href="#"></a>

代码解释
    href=链接的目标

6. 列表标签

无序列表标签是<ul><li></li></ul>标签定义.

<ul>
    <li>1</li>
    <li>2</li>
</ul>

有序列表标签是<ol><li></li></ol>标签定义.

<ol>
    <li>3</li>
    <li>5</li>
</ol>

7. 表格标签

列表标签是<table><tr><td><td><tr></table>标签定义.

<table border="1">
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>第一行第一个单元格</td>
        <td>第一行第二个单元格</td>
    </tr>
    <tr>
        <td>第二行第一个单元格</td>
        <td>第二行第二个单元格</td>
    </tr>
</table>

代码解释
    border=表格线宽
    tr=表格表头

8. 表单标签

表单标签是<form></form>标签定义.

<form ></form>

<!-- 文本域 -->
<form>
    A:<input type="text" name="A"><br >
    B:<input type="text" name="B">
</form>

<!-- 密码字段 -->
<form>
    password:<input type="password" name="pwd">
</form>

<!-- 单选按钮 -->
<form>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
</form>

<!-- 复选框 -->
<form>
    <input type="checkbox" name="html" value="CSS">I like CSS<br>
    <input type="checkbox" name="html" value="javascript">I like javascript
</form>

<!-- 提交 -->
<form action="index.php" method="get" accept-charset="utf-8">
    Username:<input type="text" name="user">
    <input type="submit" value="提交">
</form>

form表单一般结合input标签一起使用当<input type=""> type等于不同的值的时候能够用来做不同的功能.

9. 框架标签

框架标签是<iframe></iframe>标签定义.

<iframe src="url"></iframe>

<iframe src="url" width="200" height="200"></iframe>

<iframe src="demo_iframe.htm" width="200px" height="200px" frameborder="0"></iframe>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="http://www.baidu.com" target="iframe_a">baidu.COM</a></p>
    <!-- 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。 -->

iframe 主要用于一个网页中显示另外一个网页,或者更多.

文章内容通过学习所得借鉴一些书籍网站内容，如有侵权请告知。