HTML常用标签

文本与文本格式标签

1.p标签: 定义段落

<!--p标签是段落标签 默认是align left 左对齐 center 居中 right 右对齐-->
            <p align = center title = "这是标题">
                <!--strong 标签是逻辑上的加粗-->
               <strong>大学生思想</strong>                
            </p>

2.b标签: 定义文本中重要部分进行加粗(结构内容加粗)

<!--b标签是结构上的加粗-->
            <b>
                学习新思想争做新青年
            </b>

3.string标签: 强调某段文本,粗体呈现(逻辑内容加粗)

<!--strong 标签是逻辑上的加粗-->
           <strong>大学生思想</strong>  

4.i标签: 定义斜体文本

<!--i标签定义斜体字-->
            <i>
                1921年7月1日
            </i>
            <br/>

5.u标签: 下划线标签

<!--u标签定义下划线-->
            <u>人民有信仰 国家有希望</u>

6.br标签: 换行标签

<br/>

7.hr标签: 水平线标签

<!--hr水平线标签
                属性:
                    1)align:水平对齐方式,默认是居中
                    2)width:水平线的长度,百分比及像素都可以
                    3)size:水平线的高度
                    4)color:水平线的颜色  
            -->
            <hr/ color = "#00q">

8.del标签: 删除线标签

<!--del标签是一个删除线标签-->
            <del>个人主义</del>

9. hn标签: 定义标题标签,h1字体最大 h6字体最小

<!--hn(1-6)标签是定义标题-->
            <h1>我和我的祖国</h1>
            <h2>我和我的祖国</h2>
            <h3>我和我的祖国</h3>
            <h4>我和我的祖国</h4>
            <h5>我和我的祖国</h5>
            <h6>我和我的祖国</h6>
            

10.bdo标签: 覆盖默认文本方向,属性dir = ltr / rtl

<!--bdo标签覆盖默认的文本方向
                属性:dir = ltr/rtl
                ltr表示从left to right
                rtl表示从rigth to left
            -->
            <bdo dir = ltr>我为人人</bdo>
            <bdo dir = rtl>我为人人</bdo>

语句化标签

<div>无意的块级元素</div>
<span>无意义的行内元素</span>
<header>定义网页头部</header>
<footer>定义网页底部</footer>
<nav>定义网页的导航</nav>
<aside>定义网页侧边栏</aside>
<section>定义一个区块</section>
<article>定义独立内容</article>
<address>定义地址</address>

列表标签

<!--<li></li>标签用于 ul he ol中定义列表项-->
        <!--
            <ul></ul> 定义无序列表
            type 规定在列表中使用的标记类型
                disc 默认实心圆
                circle 空心圆
                none 符号不显示
                square 小方块
        -->
        <ul type = "circle">
            <li>久旱逢甘霖</li>
            <li>他乡遇故知</li>
            <li>洞房花烛夜</li>
            <li>金榜题名时</li>
        </ul>
        <!--
            reversed 倒叙
            start 规定有序列表的起始值
            type 规定在列表中使用的标记类型
            1 表示项目中用数字字符(1,2,3……)
            a 表示项目中用小写字母
            A 表示项目中用大写字母
            i 表示项目中用小写罗马字符
            I 表示项目中用大写罗马字符
        -->
        <ol type = "1">
            <li>云销雨霁</li>
            <li>彩彻区明</li>
            <li>落霞与孤鹜齐飞</li>
            <li>秋水共长天一色</li>
    
        </ol>

        <!--<dl></dl>定义一个定义列表-->
        <dl>
            <dt>
                <img src = "./img/Wechat.png" width = "150"/>
            </dt>
            <dd>
                图片名称
            </dd>
            
        </dl>
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值