上午学习了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. DropDownList1.Items.Insert 与 DropDownList1.Items.Add 的区别

    DropDownList1.Items.Insert 与 DropDownList1.Items.Add 的区别 dropwdownist1.items.insert 是可以添加在制定索引处的 而dr ...

  2. SQL server T-SQL索引详解

    SQL索引在数据库优化中占有一个非常大的比例,一个好的索引的设计,可以让sql语句查询效率提高很多被. 1.1 什么是索引? SQL索引有两种,聚集索引和非聚集索引,索引的主要目的是提高T-SQL系统 ...

  3. 基于matlab的FIR加窗滤波器设计

    1.确定参数: Wp 通带截止频率 Ws  阻带截止频率 As  衰减dB Rp   纹波dB 2.根据参数确定理想 频率响应 (M     (Wp + Ws )/2  ) 双边响应 3.选窗 过滤带 ...

  4. RadASM的主题更换!

    RadASM的代码编辑器默认背景色位黑色,我很不习惯,决定更换它,按照下面步骤,我把RadASM的代码编辑器默认背景色成功更换成了白色: 1, 2, 3, 4,

  5. 如何安装memcached

    软件的下载,好像从官网上只能下载未经编译的源码,需要自己编译后才能安装使用,不熟悉的用户还是直接百度搜索下载比较好,这里也提供一个下载地址给大家参考. www.newasp.net/soft/6373 ...

  6. Linux环境下mysql安装并配置远程访问

    环境:centOS 1.下载mysql安装文件 [root@localhost ~]# wget http://dev.mysql.com/get/mysql-community-release-el ...

  7. 运用CSS高斯模糊添加图片加载效果

    <!DOCTYPE html> <html> <head> <title>大图片加载从模糊到清晰</title> </head> ...

  8. behave 测试框架,了解一下

    # behave测试框架 [behave](https://pythonhosted.org/behave/)是python的1个bdd测试框架实现. ### 安装 ```pip install be ...

  9. N1 Armbian 安装 OpenMediaVault

    前言 接上一篇继续折腾,这次在 N1 上进行一些本地化设置并安装使用 OpenMediaVault 步骤 使用 ssh 连接到 N1,修改系统源 cd /etc/apt cp sources.list ...

  10. SprimgMVC学习笔记(十一)—— 解决静态资源无法被springmvc处理

    方法一:在springmvc.xml中配置 <!-- 解决静态资源无法被springMVC处理的问题 --> <mvc:default-servlet-handler /> 方 ...