html简单标签介绍

来源:互联网 发布:java怎么分割字符串 编辑:程序博客网 时间:2024/05/16 07:06

 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
       
1 0