HTML复习之图像标签,超链接标签,列表标签

最新推荐文章于 2024-09-12 19:13:21 发布

katahill

最新推荐文章于 2024-09-12 19:13:21 发布

阅读量256

点赞数

分类专栏：前端 Java知识体系文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/qq_45464872/article/details/127913393

版权

本文是HTML复习的一部分，详细介绍了图像标签的基础用法和案例，包括绝对与相对路径的设置。接着讨论了超链接标签的使用，阐述了其基本概念并给出实例。最后讲解了列表标签的应用，从基础介绍到实际操作案例，帮助读者深入理解。

摘要由CSDN通过智能技术生成

HTML复习之图像标签,超链接标签,列表标签

图像标签

基础介绍

(1)作用：定义图像，呈现图片
(2)组成：img，单标签
(3)语法：
    <img src='xxx' />
(4)属性：
    src：必需属性，指定图像文件的路径和文件名  ***
    alt：当图像不能显示时，呈现alt中的内容
    title：当鼠标放到图像上时显示文字
    width：宽度
    height：高度    宽高不要同时设置，避免图片变形
    border：边框
(5)注意事项：
    当需设置属性：
        A.属性要写在标签名称之后
        B.属性和属性之间不分顺序
        C.标签名和属性名称、属性和属性之间以空格隔开
        D.属性采取键值对格式，即key=val形式

案例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 
            图像标签：
                作用：定义图像，呈现图片
                组成：img，单标签
                语法：
                    <img src='xxx' />
                属性：
                    src：必需属性，指定图像文件的路径和文件名  ***
                    alt：当图像不能显示时，呈现alt中的内容
                    title：当鼠标放到图像上时显示文字
                    width：宽度
                    height：高度    宽高不要同时设置，避免图片变形
                    border：边框
                注意事项：
                    当需设置属性：
                        属性要写在标签名称之后
                        属性和属性之间不分顺序
                        标签名和属性名称、属性和属性之间以空格隔开
                        属性采取键值对格式，即key=val形式
         -->
         <img src="img/赵丽颖.jpg"  title="演员" alt="漂亮图片&