上午学习了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>