上午学习了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. Reporting Service服务SharePoint集成模式安装配置（1、虚拟机+ 2、AD域环境配置）

    研究 Reporting Service SharePoint 集成模式安装有一段时间,最初其实只是想知道Power View 技术是怎么回事,能实现什么效果.(当然也可以通过Excel 配置好 Po ...

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

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

  3. Vue 父组件主动获取子组件的值，子组件主动获取父组件的值

    父组件主动获取子组件的值 1. 在调用子组件的时候定义一个ref-> ref="header"2. 在父组件中通过this.$refs.header.属性,调用子组件的属性, ...

  4. angular 模板表单

  5. 远程连接linux服务上的mysql

    如果有童鞋linux上还未安装mysql数据库可以参考我上一篇博客 (1)首先确保 linux服务上的 mysql 的3306端口是对外开放的 编辑 vi /etc/sysconfig/iptable ...

  6. 六、Note开发工具Visual Studio Code下载安装以及Visual Studio Code的使用

    专业的人干专业的事,我们搞Node总不能真的使用文本编辑器傻乎乎的搞吧,文本编辑器来开发Node程序,效率太低,运行Node程序还需要在命令行单独敲命令.如果还需要调试程序,就更加麻烦了.所以我们需要 ...

  7. luoguP2982 [USACO10FEB]慢下来Slowing down

    https://www.luogu.org/problemnew/show/P2982 这题你写个树剖当然可以做,但是我们还有一种更简单的方法,使用 dfs 序 + 树状数组即可 考虑一只牛到了自己的 ...

  8. 一个简单的Samba服务

    上次给大家认识了下,搭建一个服务大概的一个认识. 这次给大家搭建一个Samba服务认识下. 项目准备: 虚拟机一个(Centos6.5版本) 项目目标: 进行samba最简单的配置 项目难度: ❤❤ ...

  9. Win7下C/C++跨平台开发工具IDE的安装之Eclipse-CDT

    2. win7下安装Eclipse-CDT运行C/C++程序: 下载Eclipse-CDT 64位:http://www.eclipse.org/downloads/packages/release/ ...

  10. SpringMVC中视图解析器

    视图解析器:固定写法直接coppy就行 1.dispatcherServlet-servlet.xml中添加 <!-- 视图解析器InternalResourceViewResolver --& ...