网页开发基础-----图片与超链接

简介: 网页开发基础-----图片与超链接

以下是今天的总结:

1.

img 元素可以为网页插入一张图片,它是一个由单标签组成的行内元素。

也就是说,它只包含开始标签,且多个元素可以在同一行显示。

img全称:image - 图像。

2.

src 属性用于记录图片所在的文件位置,浏览器可以通过该地址找到要使用的图片,

src全称:source - 来源。

3.

alt 属性用来记录一段文字。

当浏览器未能找到图片时,alt中的内容会代替图片显示在网页中。

alt全称:alternate - 代替的.

4.

网页中的图片默认以原始大小显示。当图片过大时,屏幕无法完整显示图片内容。

此时,你可以通过width属性和height属性,设置图片的宽度和高度。

属性的值为数字+像素单位(px),如100px

5.

相同的文件夹

当图片与HTML文档在同一个文件夹时,图片地址的格式如下:./文件名称.文件类型

可简写为文件名称.文件类型

其中.代表文档所在的文件夹,/用来分割文件夹与文件的名称。

6.

图片数量较多时,我们可以将所有图片放在同一个文件夹中,并将该文件夹与html文档放在一起。

此时,文件夹中的图片地址格式如下:

文件夹名称/文件名称.文件类型

7.

超链接(或简称链接),是指从一个网页指向另一个目标的连接关系。

超链接就像网页中的传送门,只需轻轻一点,就能带你进入另一个网站。

8.

<a>标签表示一个超链接,它是一个双标签,内容以</a>结束。

与<img>相同,它是一个行内元素。

全称:anchor - 锚.

9.

href属性用来设定链接的目标地址。

与src属性不同的是,src 只可以设置图片文件的地址;

而href属性中的地址可以包含:

1、另一个网页;


2、网页中的某个元素;

3、一张图片;

4、一个JS程序;

...例如右边的代码,将href设置为“aboutme.html”的地址。

全称:Hypertext Reference - 引用超文本.

当 href属性中的地址无效时,浏览器通常会显示404页面,表示文件不存在.

10.

当超链接被点击时,浏览器默认直接从当前页面进入目标页面。

利用target属性可以修改这项规则。

该属性常用的值有两种:

_blank,浏览器会在新的页面中打开文档;

_self,浏览器会在当前页面打开文档(默认)。注意单词前的下划线_

相关文章
|
存储 JSON 大数据
大数据离线数仓---金融审批数仓
大数据离线数仓---金融审批数仓
1091 1
|
存储
[simulink] --- simulink模块(三)
[simulink] --- simulink模块(三)
2188 0
|
人工智能 Java 程序员
一文彻底搞明白二极管
本文介绍了二极管的基本原理、特性、分类及应用场景,帮助读者深入了解这一重要电子元件。
2512 0
|
自然语言处理 应用服务中间件 nginx
一文教会你 分词器elasticsearch-analysis-ik 的安装使用【自定义分词库】
这篇文章是关于如何在Elasticsearch中安装和使用ik分词器的详细教程,包括版本匹配、安装步骤、分词测试、自定义词库配置以及创建使用ik分词器的索引的方法。
一文教会你 分词器elasticsearch-analysis-ik 的安装使用【自定义分词库】
条件运算符
条件运算符。
86 2
|
存储 固态存储 芯片
计算机中内存与存储
【7月更文挑战第28天】
3675 1
|
Ubuntu Linux 测试技术
探索Linux中的`dbus-send`命令
`dbus-send`是Linux中用于进程间通信的D-Bus系统的命令行工具,允许应用程序通过消息总线相互交互。要安装它,可以使用包管理器(如`apt-get`或`dnf`)。基本语法包括指定总线类型、目标服务、消息类型、对象路径、接口及方法等。示例用法包括使用`dbus-send`来锁定屏幕(通过调用`org.gnome.ScreenSaver.Lock`)和设置音量(通过与PulseAudio服务交互)。在使用时,需了解目标服务的接口和方法,并确保具备相应权限。
1048 10
|
存储 缓存 NoSQL
软件体系结构 - 缓存技术
【4月更文挑战第20天】软件体系结构 - 缓存技术
798 7
|
算法 Serverless Python
函数的递归调用
在编程中,递归是一种非常强大的技术,它允许函数直接或间接地调用自身。递归调用使得某些问题的解决变得简单而优雅,尤其是那些具有自然分治结构的问题。本文将介绍函数的递归调用概念,并通过示例代码展示其应用。
380 1
|
存储 SQL 数据挖掘
数据模型概述与数据库基础
数据模型是描述现实世界数据对象结构的形式化、真实和易理解的表示。分为概念模型(信息模型)和数据模型,前者面向用户,后者关注计算机实现。数据库是结构化、共享、低冗余的数据集合,提供数据独立性。数据库管理系统(DBMS)负责数据的存储、访问和管理,而数据库系统(DBS)包括数据库、DBMS、应用系统、DBA和用户。数据库系统开发涉及需求分析、系统设计(概念设计、逻辑设计、物理设计)、系统实现和运行维护(数据更新、备份、分析等)。
555 0

热门文章

最新文章

下一篇
开通oss服务