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 图片上显示的文字

猜你喜欢

转载自blog.csdn.net/tommy5553/article/details/80777392