本系列教程主要讲解HTML从基础到精通。您可以自己设计一个完整的前端Web项目。

程序员编写代码

---

在HTML中添加图片其实很简单，只需添加一个img标签即可。

图像标签的语法

一般情况下src、alt、width、height这四个属性就够了。

效果：

图片的显示效果

图片路径怎么写

src代表图像的路径。值应该怎么写？

(1) html文件和图片在同一个文件夹中。

HTML文件和图片文件在同一目录下，直接写文件名即可。

写入文件名，如上面的HTML

(2) 图片在HTML文件所在目录的文件夹中：

如图：

图片文件在文件夹

此时需要添加文件夹名称，并添加“/”表示下级目录：

下级目录如何写图片

(3) 图片文件在上级目录

如果图片在HTML文件所在的上级目录，则需要写“..”表示上一级。如图：

上级目录

---

超链接

超链接是可以链接到特定资源的东西。比如我们打开百度首页搜索后，生成的超链接是：

这些蓝色超链接

这些蓝色文字标题，我们点击后可以跳转到新的网站。这是一个超链接。我们自己写一个超链接：

如何编写超链接

超链接预览

---

超链接中的属性

超链接中的浪涌属性包括：href（网页地址）、title（描述）、target（打开网页的位置）、name（名称）。

其中href支持与任何协议的连接。标题是对超链接的描述。

程序员

目标包括四个值：

_空白

在新窗口中打开连接

_自我

在当前窗口中打开超链接

_parent

在父窗口中打开超链接。这个稍后会讨论，不常用

_顶部

在整个窗口中打开链接文档。

---

每天一个知识点，带你成为软件编程高手。让我们一起努力吧。