上午学习了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. DataType--类型基础

    数据类型数据的定义在各种场合均不一样,数据的载体也不一样,数据的表现方式和传递方式也不一样,数据的处理方式也不一样,数据库不可能处理所有形式的数据,因此必须规范数据,按照类型划分和处理. 连续和离散( ...

  2. 构建空Datatable

    方法一 DT = new DataTable(); DataRow DR = DT.NewRow(); //构建列(名称,数据类型) DT.Columns.Add("代码", Ty ...

  3. Unity3D管网分析

    给大家分享一下自己之前没事写的Unity3D的插件,主要用来对管网的搭建和分析, 开源在Github上 https://github.com/LizhuWeng/PipeNet,可以给需要的朋友做一个 ...

  4. 「BZOJ 3280」小R的烦恼

    题目链接 戳我 \(Solution\) 这道题很像餐巾计划啊. 首先将每天拆成\(x\)和\(x'\),\(S->x\)流量为\(a_i\),费用为\(0\)表示一天下来有\(a_i\)个濒死 ...

  5. (一)springmvc+spring+mybatis+maven框架搭建

    (一)springmvc+spring+mybatis+maven框架搭建 1.说明 工作之余,为了学习点东西.先搭建个框架. 以后要往里面加东西,比如rabbitMQ.redis.shiro等. 也 ...

  6. React基础篇（2） -- state&props&refs

    内容简介 state props refs 行内样式及动态类名 state 基本介绍 React 把组件看成是一个状态机(State Machines).通过与用户的交互,实现不同状态,然后渲染 UI ...

  7. python自带的排列组合函数

    需求: 在你的面前有一个n阶的台阶,你一步只能上1级或者2级,请计算出你可以采用多少种不同的方法爬完这个楼梯?输入一个正整数表示这个台阶的级数,输出一个正整数表示有多少种方法爬完这个楼梯. 分析:提炼 ...

  8. 最短路径 Dijkstra算法 AND Floyd算法

    无权单源最短路:直接广搜 void Unweighted ( vertex s) { queue <int> Q; Q.push( S ); while( !Q.empty() ) { V ...

  9. GDI绘图写的简单扫雷

    由于没话多少时间,这个扫雷我只实现了主要功能(扫雷功能,递归实现) 废话不多说,直接上代码 using System; using System.Collections.Generic; using ...

  10. 【转】IntelliJ Idea取消Could not autowire. No beans of 'xxxx' type found的错误提示

    1.问题描述 在Idea的spring工程里,经常会遇到Could not autowire. No beans of 'xxxx' type found的错误提示.但程序的编译和运行都是没有问题的, ...