zoukankan      html  css  js  c++  java
  • 2018年2月1日学习总结

    今天学习了怎样在网页上插入图片的标签,相对路径和绝对路径的定义和用途,以及怎么在网页里插入超链接和锚点链接

    <img src"当前图片的路径" title="鼠标放在图片上出现的文字"
    alt=当你的图片显示不出来的时候显示的文字>
    路径:1.绝对路径
    2.相对路径
    /(windows盘符 代表当前文件夹的根目录)
    ../(代表当前文件的上一级文件)
    ./(代表同路径文件夹里的文件,可省略,直接写文件夹和文件名)

    <img src="/timg (2).jpg" ">
    <img src="../img/timg (3).jpg" ">
    <img src="./img2/timg (4).jpg" ">
    

      

    1.超链接标签:<a href="链接的路径" target="超链接打开方式(_blank是打开新窗口页面,_self是在当前页面打开">超链接内容</a>
    <a>标签可以实现下载文件,当href属性中的路径文件打不开时,或者是个压缩文件,浏览器就会提供下载功能
    2.锚点链接:首先创建一个标记:<a>标签定义name,然后定位<a href="top">文本</a>
    转到其他的页面的某个位置 <a href="../..某个页面.html#aaa">跳转到标记点</a>

    3.进行了表格的学习

    表格标签

    <table>
    <tr>
    <td>内容</td>
    </tr>
    </table>
    

      


    表格特性:如果改变某一个单元格,就会影响和它相邻的行和列的单元格。所以只能是比较规整的布局,等宽等高。
    t

    able border="1px" width="600px" height="600px">
    <tr>
    <td colspan="2">第1行第1列</td>合并单元格
    <td>第1行第2列</td>
    <td>第1行第3列</td>
    </tr>
    <tr>
    <td>第2行第1列</td>
    <td>第2行第2列</td>
    <td>第2行第3列</td>
    </tr>
    <tr>
    <td>第3行第1列</td>
    <td>第3行第2列</td>
    <td>第3行第3列</td>
    </tr>
    </table>
    

      


    行为tr,列为td,列合并用rowspan,行合并用colspan,cellspacing是调整每个单元格之间的间距,cellpadding是控制文字与单元格之间的间距

  • 相关阅读:
    sort-list leetcode C++
    sum-root-to-leaf-numbers leetcode C++
    sum-root-to-leaf-numbers leetcode C++
    path-sum-ii leetcode C++
    path-sum-ii leetcode C++
    0139 函数的两种声明方式
    0138 函数可以调用另外一个函数
    0137 函数案例:数组翻转、冒泡排序、判断闰年
    0136 JavaScript中 arguments 的使用
    0135 函数的返回值:return 语句、终止函数 、只能返回一个值、没有 return 返回 undefined、break &continue&return 的区别
  • 原文地址:https://www.cnblogs.com/jason111/p/8398472.html
Copyright © 2011-2022 走看看