img标签和超链接标签

时间:2021-08-20 19:01:52

 今天学习了img标签和超链接标签,新课之前讲了cellspacing:td之间的距离和cellpadding:td的内部空白占据的空间。

img标签及其属性

超链接<a src=""></a>d的绝对路径和相对路径,锚点链接

<!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>