html 网页部分常用标签归类介绍


-------------------------------------------------------------------------------------------------------------


实例使用标签

<html>
<head>                                      <!--头部 ,转换码,标题-->
    <meta charset="utf-8">                 <!--转换码为utf-8-->
    <title><b>今天是第一天</b></title>      <!--头部标题-->
</head>                                      <!--头部结束-->
<body>                                       <!--主体-->
    <a name="nihao"></a>
    <b>今天是第一天</b>                      <!--加粗-->
    <ul>1234556</ul>                         <!--如果直接在无序列表ul 或 ol 内写的话直接是列表没有实心圆格式-->
    <ul>                                     <!--ul为无序列表-->
        <li>12</li>                          <!--在ul 内使用li 才会有圆点格式-->
        <li>34</li>
    </ul>                                     <!--无序列表结束-->
    <ol type="A">                            <!--有序列表为 ol 可以在ol 内部自定义 顺序 a,A,123,i-->
        <li>123</li>
        <li>345</li>
    </ol>
    <ol type="3">                             <!--数字都默认为1开始 字母同理-->
        <li>123</li>
        <li>234</li>
    </ol>
    <dl>
        <dt><b>这是标题</b></dt>               <!--dl标签可以在内部的dt内定义标题-->
        <dd>123</dd>                           <!--dd为列表内容-->
    </dl>
    <ul type="circle">                        <!-- type写在圆圈内,circle 为圆圈-->
        <li>234</li>
    </ul>
    <ul type="square">                         <!-- square 为实心方块-->
        <li>123</li>
    </ul>
    <!--超链接标签(锚点)以及路径 (相对以及绝对)-->
    <!--作用为网页与网页之间的连接-->
    <!--标记为<a></a>-->
    <a href="https://www.baidu.com/" target="_blank" title="这是百度">百度</a>
    <!--target=_blank 为从新窗口打开 连接 否则的话就默认覆盖打开 覆盖打开关键字为_self  titile 为鼠标悬停时 所提示的内容 这些都要在第一个<a>里输入-->
    <!--段落标签 h1(最大) 到 h6(最大)-->
    <h1 align="center" >北京朝阳</h1>  <!--段落标题 指数为h1到h6 可以设置标题大小字体,以及左中右位置-->
    <h2 align="center" >北京朝阳</h2>
    巴拉巴&nbsp;巴拉<!-- 这是 实体标签空格-->
    中国&coppy;版权所有
    <label>labe1</label>
    <b>今天是第一天</b>
    <form>
        <p>请输入姓名:<input type="text" maxlength="10" placeholder="请输入姓名"></p>
        <p>性别:
            <select name="gender">
                <option value="0">请选择</option>
                <option value="1">男</option>
                <option value="2">女</option>
            </select>
        </p>
    </form>



<!--锚点:为置顶效果-->
<!--设置锚点<a name = "名称"></a> 不能有特殊字符也不要是中文否则出现乱码-->
<a href="nihao">置顶</a>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值