HTML基础二

HTML基础二

目录

• HTML基础二
  • 一.图像标签:<img>
  • 二.链接标签
    • • 1.超链接标签
      • 2.锚链接
      • 3.功能性链接
  • 三.列表标签
    • • 1.有序列表
      • 2.无序列表
      • 3.自定义列表

今天继续对HTML的学习，我们将介绍三种常用标签：图像标签，超链接标签，以及列表标签

一.图像标签:<img>

图像标签是网页中不可或缺元素

<!--src:指定图片的路径（必填）包括相对路径(需要用到../ 意为上一级目录)与绝对路径 
    alt:为图像提供替代文字，也是图片的名字
    title:鼠标悬停文字
    width/height:图片的宽度和高度-->
    <img src=“../图片路径” alt="替代文本" title="悬停文字" width="200" height="200">

---

二.链接标签

1.超链接标签

超链接是互联网的基础，<a>用于创建一个页面到另一个的链接

<!--href:链接的目标地址（必填）
    target:指定如何打开窗口 常用为：-blank:在新窗口中打开
                                -self:在自己中打开-->
 <a herf="目标网址" target="目标窗口位置">链接文本或图像</a>
 <a herf="网址" target="-blank">文本</a>

2.锚链接

需要锚标记

跳转标记 符号：#

<!--id:	锚标记
#：跳转符号-->
<a id="top">顶部</a>
<a href="#top">回到顶部</a>

3.功能性链接

邮件链接：mailto:

<a href="mailto:邮箱地址">点击</a>

---

三.列表标签

1.有序列表

<ol>
     <li>java</li>
     <li>python</li>
     <li>linux</li>
</ol>

2.无序列表

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

3.自定义列表

<!--dl:标签
    dt：列表名称
    dd：列表内容-->
<dl>
  <dt>名称
    <dd>内容</dd>
    <dd>内容</dd>
    <dd>内容</dd>
  </dt>
</dl>

这些标签虽然简单，但是组合起来可以丰富网页内容。希望可以帮助你理解和使用这些基础但是强大的标签 ！