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>

<sub></sub>  内容设置为下标  如 :2<sub>3</sub>     2³

<sup></sup> 内容设置为上标 如:A<sup>n</sup>       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="提交">
基本上就上面这些啦,后续还会再补充。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值