上午学习了cellspacing\cellpadding，img标签以及三种属性，src，alt，title。下午学习了超链接<a></a>，绝对路径与相对路径，锚点链接的使用。今天通过练习已经会应用，但是生疏而且容易出错，查错更正花费时间长，需要坚持练习。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<!--cellspacing="0px":单元格之间的间距
cellpadding="10px":内容与边框的距离
    图像标签：
        img标签：<img>
            属性1：src="图片的路径"
            绝对路径：硬盘的地址：C：//    D：//      F：//
            相对路径：相对于本HTML文件的路径
            /：路径分隔符
            ./：同路径（可省略）
            ../：上一级目录
            属性2：alt="当图片显示不出来时显示的文字"
            属性3：title=""鼠标放到图片上显示的文字
            
            
            超链接标签：<a></a>
                    href="链接跳转的地址"
                        HTML的地址
                        绝对路径：
                        相对路径:
                        文件的地址：如果浏览器能解析就会给你显示，如果解析不了提供下载功能，如压缩包
                        
                        
                        属性：target：
                            1._black:在新窗口打开链接
                            2._self:在当前页打开链接（默认）
                            
                        属性：title="当鼠标放上去时显示的文字"
                    锚点连接：
                        锚：<a name="top"></a>
                            <a id="top"></a>
                        底部：<a href="网页地址#top">回到顶部</a>
                        
        
        
        
        -->
        <a name="top"></a>
    <table border="1px" width="200px" height="200px" cellspacing="0px" cellpadding="10px">
        <tr>
            <td>英语</td>
            <td>数学</td>
        </tr>
        <tr>
            <td>语文</td>
            <td>体育</td>
        </tr>
    </table>
    <img src="F:\HTMLWork\day02\img\a.png">
    <img src="表格练习/img/a.png" alt="出错了" title="点击一下，你就知道">
    <img src="https://www.baidu.com/img/bd_logo1.png">
    
    
    <!--超链接-->
    <a href="https://www.baidu.com">百度</a>
    <a href="index02.html">index02</a>
    <a href="img/a.png">图片</a>
    <a href="img.zip">压缩包</a>
    <a href="https://www.baidu.com" target="_blank" title="点击一下">百度</a>
    <a href="index02.html#demo">index02.html</a>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <a href="#top">回到顶部</a>
    
</body>
</html>

0325img和超链接的学习的更多相关文章

  1. [19/05/15-星期三] HTML_body标签(超链接标签和锚点)

    一.超链接标签 <html> <head> <meta charset="UTF-8"> <title>04 body超链接标签学习 ...

  2. 前端学习（九）：CSS基础

    进击のpython ***** 前端学习--CSS基础 CSS的样式可以写在哪呢?其实CSS的样式插入式十分灵活的 按照插入的形势来看,可以分为三种情况 而接下来就对这三种情况进行简单的讨论 内嵌式 ...

  3. 工作中积累整理-CSS样式表（一）

    [layout] clear:该属性的值指出了不允许有浮动对象的边. 默认值:none none: 允许两边都可以有浮动对象 both: 不允许有浮动对象 left: 不允许左边有浮动对象 right ...

  4. Java Swing 记事本代码

    记事本代码分为4个部分: 1.顶部点击可展开的菜单如何生成?2.当点击了顶部菜单的某一个子菜单,在程序中如何判断点击了哪个子菜单?[正在写]3.那个供你输入文字并且可以滚动的文本框如何生成?4.点击了 ...

  5. 每周分享五个 PyCharm 使用技巧（二）

    这是 「PyCharm 技巧分享」系列的第二篇分享.由于上一篇文章得到了大家的一些赞同,所以今天又来给大家推荐一些我平时自己有用的小技巧,大家择需所取即可. 先声明下,并不保证对所有的人都是有帮助的, ...

  6. 每周分享五个 PyCharm 使用技巧（一）

    PyCharm 是大多数 Python 开发者的首选 IDE,每天我们都在上面敲着熟悉的代码,写出一个又一个奇妙的功能. 一个每天都在使用的工具,如果能掌握一些高效的使用技巧,肯定会给我们的开发效率带 ...

  7. 05-HTML-超链接标签

    <html> <head>  <title>超链接标签学习</title>  <meta charset="utf-8"/&g ...

  8. mysql数据的基本操作

    本文内容: 插入数据: 查询数据 修改数据 删除数据 首发日期:2018-04-11 插入数据: 给所有字段插入数据: 插入单条记录:insert into 表名 values(值列表); 插入多条记 ...

  9. css 三种引用方式

    内联式 代码 <!doctype html> <html lang="en"> <head> <meta charset="UT ...

随机推荐

  1. jstl c

    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 例子:list中有两 ...

  2. telerik 值得学习 web mvc 桌面 控件大全

    http://www.telerik.com http://www.dxper.net/forum-70-1.html http://www.dxper.net/forum.php

  3. HackThirteen 在onCreate()方法中获取View的宽度和高度

    1.概要:     Android源代码中很多模块都使用了post()方法,深入理解框架曾运行机制对于避开类似于本例中的小陷阱是很重要的 2.问题提出:     如果开发一些依赖于UI控件的宽和高的功 ...

  4. 【转】Android Android属性动画深入分析

    转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/17841165 开篇 像设计模式一样,我们也提出一个问题来引出我们的内容. 问 ...

  5. 替归算法获取Treeview所有节点

    treeview.nodes是获取下一级所有子节点,但是如果是多层的话,就不能,想个法子来获取所有的节点(含节点的子节点),想了想 还是替归算法比较方便,如是有了下面的代码 public static ...

  6. c# 解析MP3文件

    不说那么多,网上有很多关于MP3文件说明的. 该C#代码是将C\C++转化过来的,可能存在问题. 如有需要的朋友可以参考. 项目中的文件路径大家自己修改. 下载地址

  7. go与c互相调用

    此例子来自于go源码中,借此来和大家分享一下两者如何调用,网上很多文章语言不详,也没有一个完整的测试例子 目录结构 首先src 目录下有 testcgowin目录下: 这里的_obj目录是cgo生成的 ...

  8. EXCEL vlookup和small 综合运用

    表数据如下: 如何通过EXCEL函数把 “谁拥有错误的代码” 的名称列出来,数组公式如下: =IFERROR(INDIRECT("A"& IFERROR(SMALL(IF( ...

  9. 第八篇 Python异常

    程序在运行时,如果Python解释器遇到一个错误,会停止程序的执行,并且提示一些错误信息,这就是异常,程序通知执行并且提示错误信息,这个动作,我们通常称之为:抛出异常. 1.简单的捕获异常的语法 在程 ...

  10. 协程《三》gevent模块

    一 gevent模块 安装 pip3 install gevent Gevent 是一个第三方库,可以轻松通过gevent实现并发同步或异步编程,在gevent中用到的主要模式是Greenlet, 它 ...