HTML基础入门之标签解析

HTML常用的标签不多，牢牢掌握以下几个标签就事半功倍啦~

1.标题

<hn>内容</hn>，其中n为1~6，n值越大，内容标题字体越小

2.换行

<br/>

3.段落标签

<p>内容</p>

4.水平线段标签

<hr align= "对齐方式" width="线段宽度" height="线段高度" color = "颜色">

5.文字设计标签

<font color="颜色" size="字体大小" face="字体类型" >内容</font>

附加：

<b>字体加粗</b>

<u>字体加下划线</u>

<em>着重文字</em>
<i>斜体</i>
<small>小号字</small>
<strong>加重语气</strong>
<ins>插入字</ins>
<del>删除字</del>

  内容设置为下标  如 ：2₃     2³

 内容设置为上标 如：Aⁿ       An

6.列表标签

无序列表标签  

<ul>
    <li>无序列表项</li>
    <li>无序列表项</li>
    <li>无序列表项</li>
</ul>

有序标签

<ul>
    <ol>有序列表1</ol>
    <ol>有序列表2</ol>
    <ol>有序列表3</ol>
</ul>

7.表格标签

<table border="边框" background ="背景颜色" width="表宽" height="表高"><!--定义表格-->
    <caption>定义标题</caption>
    <th colspan="2">表头</th>
    <tr><!--定义表行-->
        <td>第一行第一格</td><!--定义表元-->
        <td>第一行第二格</td>
    </tr>
    <tr>
        <td>第二行第一格</td>
        <td>第二行第二格</td>
    </tr>
</table>

8.链接标签

<a href = "链接的地址">点击跳转的文字</a>

9.图片标签

<img src = "图片文件路径">

10.表单标签

<form action="" method="get">
    用户名：<input type="text"><br>
    密码：<input type="password"><br>
    多选框：<br>
    <input type="checkbox">java
    <input type="checkbox">ios
    <input type="checkbox">c++<br>
    单选框：
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <br>
    下拉菜单
    <select>
        <option>java</option>
        <option>ios</option>
        <option>javaweb</option>
    </select>
    <br>

    <textarea cols="20" rows="30">文本域</textarea>
</form>
<br>
 <input type="button" value="按钮">
<br>
 <input type="submit" value="提交">

基本上就上面这些啦，后续还会再补充。