随笔-1029

Posted 2020-08-16

随笔1028
  学习第二天 常用标签
  一、<a>超链接标签
    <a href=""></a> 用作跳转网页、图片、文件
    跳转时txt 图片 网页文件 浏览器均能打开，如遇浏览器打不开的文件，浏览器便会自己下载。
    <a href="#"></a>时，代表跳转到本页面。
    另一超链接的使用方法是做锚点
    <a name=""></a> 标注锚点时采用name，name标签代表锚点指向的内容，此时需要做一个列表来指向锚点，就需要采用<a href="#+name锚点名称"></a>来跳到锚点。
    即：
    <div>
        <a href="#b1">1</a>
        <a href="#b2">2</a>
        <a href="#b3">3</a>
        <a href="#b4">4</a>
        <a href="#b5">5</a>
    </div>

    <a name="b1">标题1</a>
        <p>..</p>

    <a name="b2">标题2</a>
        <p>..</p>

    <a name="b3">标题3</a>
        <p>..</p>

    <a name="b4">标题4</a>
        <p>..</p>

    <a name="b5">标题5</a>
        <p>..</p>
  二、<img>图片标签
    <img src="" width="" height="" title="">
    src指图片文件的路径，width与height同时出现指图片的宽和长，alt代表图片报错时提示显示的文字内容（使用不多），title代表鼠标指向图片时显示的文字内容。
  三、<table>表格
    行：<tr></tr>
    单元格：<td></td>
    cellspacing：边距，cellpadding：间距
    注意边距与间距的区别：
    单元格与单元格之间的距离叫边距
    单元格与其内的内容之间的距离叫间距。
    可以理解为两个物之间的距离为边距，物与其内的物的距离为间距。
    表格内嵌表格时或者空间内嵌其他东西时，都是间距，margin！！
    align 水平对齐方式，左对齐 右对齐 居中
    valign 垂直对齐方式，靠上 靠下 中间
    rowspan 合并行的单元格
    colspan 合并列的单元格
    border 边框。
总结：
    深刻理解最常用的<a><img><table>代码，其中超链接和图片代码最为重要。