您的位置:首页 > Web前端 > HTML

html简单标签介绍

2016-10-15 16:08 531 查看

 html标签介绍

        1)块级(block)标签

            <div></div>

                特点:

                    独占一行

            h1~h6 标题

                特点:

                    1)有字体大小的设置

                    2)文本有加粗强调设置

                    3)上下文之间有较大间距

            p 段落

                特点:

                    1)独占一行

                    2)上下文之间具有距离

            ul li (无序列表)

                特点:

                    1) 配合使用

                    2) ul li都独占一行空间

                    3) ul 上下文之间有很大空间

                    4) li与列表的样式显示(默认点状),并且由文本缩进

                    <ul>

                        <li>列表1</li>

                        <li>列表2</li>

                    </ul>

            ol li (有序列表)

                <ol>

                    <li>列表1</li>

                    <li>列表2</li>

                </ol> 

            dl dt dd(自定义列表)

                特点:

                    1)dl dt dd独占一行空间

                    2)dl上下文之间有很大欧诺关键

                    3)dd有文本缩进

                    <dl>

                        <dt>列表标题</dt>

                        <dd>列表内容</dd>

                        <dd>列表内容</dd>

                        <dd>列表内容</dd>

                    </dl>                              

        2)行内(内联inline)标签

            span

                特点:

                    1)最干净的内联标签(没有任何修饰)

                    2)不独占一行

            a    超链接

                特点:

                    1)不独占一行

                    2)点击可以发生跳转(或进行对应操作),语法颜色为绿色

                    3)文本具有颜色,具有下划线,指向后光标为手型,有状态的色彩提示 

            文本修饰标签

                <u>下划线修饰</u>

                <i>斜体修饰</i>

                <b>加粗</b>

                <em>强调</em>

                <strong>加粗</strong>

                <s>删除线</s>

                <sup>上标</sup>

                <sub>下标</sub>

            img

                src="图片地址"

                绝对路径  

                    http://www.baidu.com/car.jpg

                    http://www.briup.com/demo/one.html 

                    <img src="http://www.baidu.com/car.jpg">                     

                相对路径 one.html或 ../a.jpg

       
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: