HTML-常用标签

html的操作思想

        网页中有很多数据,不同的数据可能需要不同的显示效果,这个时候需要使用标签把要操作的数据包起来(封装起来),

    通过修改标签的属性值实现标签内数据样式的变化。

        一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。

常用标签

    文字标签:修改文字的样式

        <font></font>

        属性 size:文字的大小 取值范围1-7,超出了7,默认还是7。

                color:文字颜色 两种表示方法 1.英文单词: red green blue...  2.使用十六进制数表示:#ffffff

    注释标签

        html的注释:<!-- 这是一条注释 -->

    标题标签

        <h1></h1> <h2></h2> <h3></h3>...<h6></h6>

        从h1到h6,大小是依次变小,同时会自动换行。

    水平线标签

        <hr/> 标签内结束 作用是产生一条水平线

        属性 size: 水平线的粗细 color:水平线的颜色

    特殊字符

        想要在页面上显示这样的内容 <html>:是网页的开始 需要把“<”和“>”转义 

        < --- &lt; 

        > --- &gt;

        其他字符

        空格 --- &nbsp; 

        & --- &amp;

    列表标签

        <dl></dl>:表示列表的范围

            在dl里面 <dt></dt>:上层内容 <dd></dd>:下层内容    

        代码:

                

        效果:

                

        有序排列

            <ol></ol>:有序列表的范围

                属性 type:设置排序的方式 1(默认)a i

            在ol标签里面<li>具体内容</li>

            代码:

                

            效果:

                

            无序列表

                <ul></ul>:无序列表的范围

                属性 type:设置排序的方式

                在ol标签里面<li>具体内容</li>

                代码:

                

                效果:

                

    图像标签

        <img src = "图片的路径">

        属性:src 图片的路径; width 图片的宽度; height 图片的高度; alt 图片上显示的文字

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值