图片标签|| 列表标签||链接标签||div和span|| 语义化标签

 图片标签

 img:展示图片
            * 属性:
                * src:指定图片的位置


相对路径
                    * 以.开头的路径
                        * ./:代表当前目录  ./image/1.jpg
                        * ../:代表上一级目录


 列表标签:
        * 有序列表:
            ol    li
        * 无序列表:
            ul    li


链接标签:
        * a:定义一个超链接
            * 属性:
                * href:指定访问资源的URL(统一资源定位符)
                * target:指定打开资源的方式
                     _self:默认值,在当前页面打开
                     _blank:在空白页面打开



div和span:
        * div:每一个div占满一整行。块级标签
        * span:文本信息在一行展示行内标签 内联标签



 语义化标签:html5中为了提高程序的可读性,提供了一些标签。
        
1. <header>:页眉
        2. <footer>:页脚



表格标签: table:定义表格

            * width:宽度
            * border:边框
            * cellpadding:定义内容和单元格的距离
            * cellspacing:定义单元格之间的距离如果指定为0,则单元格的线会合为一条
            * bgcolor:背景色
            * align:对齐方式
        * tr:定义行
            * bgcolor:背景色
            * align:对齐方式
        * td:定义单元格
            * colspan:合并列
            * rowspan:合并行
        * th:定义表头单元格
        * <caption>:表格标题
        * <thead>:表示表格的头部分
        * <tbody>:表示表格的体部分
        * <tfoot>:表示表格的脚部分



如果某一行只有一个单元格,则使用<tr><td></td></tr>


 如果某一行有多个单元格,则使用
    <tr>
        <td>
            <table></table>
        </td>
    </tr>

发布了283 篇原创文章 · 获赞 94 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/qq_39368007/article/details/104248280
今日推荐