HTML(html 1.1)

HTML标签(图像和链接)
一、URL
1、目录结构
目录结构就是web站点中文件夹的名称,它包含多个目录,每个目录包含站点的不同部分
web站点的主目录称为web站点的根目录,位于目录下的其他文件夹称为子目录,每个子目录包含具体功能的下一级子目录
2、URL
url:统一资源定位器,用来标识网络中的任何资源,包含文本、图片、视频等等
url也叫路径,指的是从当前位置开始,到目标文件多经过的路线,路径分为三种形式:绝对路径、相对路径、根相对路径
-绝对路径:指的是文件从最高级目录开始的完整路线,包含协议、主机名、目录路径、文件名
-相对路径:指文件的位置是相对于当前文件夹的路线,它包括目录名,或者指向一个可以从当前位置出发,找到某文件的路线;相对路径的几种情况:
a.文件位于同一文件夹下,直接通过文件名.扩展名访问
b.目标文件位于当前文件夹的子文件夹 子文件夹名/文件名.扩展名
c.目标文件位于当前文件的上级目录,通过…/文件名.扩展名访问
-根相对路径:相对于根目录的路径
二、图像
1、图像格式
-jpg 有损压缩
-png 无损压缩
2、图像元素
img标记标识一个图像元素,这是一个非封闭型行内块级元素
语法:
常用属性:
-src:表示显示的图片的地址(路径)
-alt:当图片找不到时显示的文字提示
-width:宽度,取值为长度单位,可以为px或百分比
-height:高度,取值为长度单位,可以为px或百分比
img元素可以作为任何封闭型标记的子元素
三、链接
1、超链接,点击可以跳转到其他页面
a元素表示超链接,是一个封闭型行内元素
语法:,会在网页中以蓝色带下划线的文本显示
属性:
-href:要链接的地址,可以是任何文件的路径
-target: 目标打开的位置,可取值为 _blank(在新的标签页打开)、_self(在当前页打开)
2、链接的表现形式
-下载资源 语法:,注意href的值必须是文档路径(.html除外)
-电子邮件:语法:
-返回页面顶部:语法:
()在这里插入图片描述
(如有错误请指正 [email protected]

猜你喜欢

转载自blog.csdn.net/weixin_44706842/article/details/88381951
1.1