图像标记（HTML5语言）（超链接+描点链接）

会写代码的丑小鸭～

已于 2022-04-03 22:33:09 修改

阅读量569

点赞数

分类专栏： html5语言文章标签： html5

于 2022-04-03 22:20:23 首次发布

本文链接：https://blog.csdn.net/qq_63533962/article/details/123945281

版权

html5语言专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.要求：

制作一个花的网页对于其的介绍，可以在点击关键字的同时跳转目标网页，并且转到目标网页的图片并且能回到上一个网页。

2.效果展示：

3.制作过程：

首先在你所保存HTML5内容的文档新建一个images文件夹（在文件夹里下载几张你喜爱的几张花的照片）
.建一个介绍花的总体的网页（这里我已经加入了超链接了）：

如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>介绍花</title>
</head>
<body bgcolor="#ffebcd">
<h1 align="center">介绍花<span style="color: cyan"></span>

    <h2 align="left"><span style="color:mediumvioletred"><a href="梅花.html" target="_blank">梅花</a></span>   <br />
        <a href="梅花.html" target="_blank">
            <img src="images/梅花.jpg" width="400px" height="280px"></a><br />
        <font color="black"> <small>梅花<i>（学名：Armeniaca mume Sieb.）</i>，蔷薇科杏属植物。 梅的鲜花可提取香精，果实可食，或熏制成乌梅成药，有止咳、止泻、生津、止渴之效。梅又能抗根线虫危害，可作核果类果树的砧木。原产中国南方，已有三千多年的栽培历史，无论作观赏或果树均有许多品种。梅花是中国十大名花之首，与兰花、竹子、菊花一起列为“四君子”，与松、竹并称为<i>“岁寒三友”。</i></small>></font>
        <hr color="red" align="center" size="4" width="10000"/>
        <h2 align="left"><span style="color:coral"><a href="海棠花.html" target="_blank">海棠花</a></span><br />
            <a href="海棠花.html" target="_blank">
                <img src="images/海棠.jpg" width="400px" height="280px"></a><br />
            <p>海棠<i>（拉丁学名：Malus、Chaenomeles）</i>是苹果属（Malus）多种植物和木瓜属（Chaenomeles）几种植物的通称与俗称。代表植物海棠花（学名：Malus spectabilis）[1]和木瓜（学名：Chaenomeles sinensis）[2]都是蔷薇科的灌木或小乔木，为中国著名观赏树种，各地习见栽培。园艺变种有粉红色重瓣者和白色重瓣者。</p>
         <hr color="mediumvioletred" align="center" size="4" width="10000"/>
            <h2 align="left"><span style="color:aqua"><a href="牡丹花.html" target="_blank">牡丹花</a></span> <br />
                <a href="牡丹花.html" target="_blank">
                    <img src="images/牡丹花.jpg" width="400px" height="280px"></a> <br />
                <p>牡丹<i>（拉丁学名：Paeonia suffruticosa Andr.）</i>是毛茛科，芍药属植物，为多年生落叶灌木，大多由紫斑牡丹与稷山牡丹杂交而成，是重要的观赏植物，属于中国十大名花之一。牡丹曾被当作中国的国花，素有<i><ins>“花中之王”</ins></i>的美誉，因其花大而香，故又有“国色天香”之称。 其属于中国特有的名贵花卉，原产于西部秦岭和大巴山一带山区，有数千年的自然生长和1500多年的人工栽培历史，现早已引种世界各地。</p>

</body>
</html>

3.分别建立其他三种花的网页（其中图片我已经加入了描点链接）：

如下三张花的网页所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>梅花</title>
</head>
<body bgcolor="#ffebcd">
<h2 align="center">梅花</h2>
<a href="花.html" target="_self">
   <img src="images/梅花.jpg" alt="梅花">
</a>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<front color="#8a2be2">梅花即梅树的花，是蔷薇科梅亚属的植物，寒冬先叶开放，花瓣五片，有白﹑红、粉红等多种颜色。叶片广卵形至卵形，是有名的观赏植物，为南京、武汉、无锡、梅州等地市花。主要分为花梅和果梅两类；可孤植、丛植、群植等。其具有良好的药用价值：花蕾能开胃散郁，生津化痰，活血解毒；根研末可治黄疸。
    梅花又名梅、春梅、干枝梅、酸梅、乌梅。叶片卵形或椭圆形，梅原产我国南方，已有三千多年的栽培历史，无论作观赏或果树均有许多品种。许多类型不但露地栽培供观赏，还可以栽为盆花，制作梅，与兰、竹、菊并称为“四君子”。还与松、竹并称为“岁寒三友”。在严寒中，梅开百花之先，独天下而春。
    梅以它的高洁、坚强、谦虚的品格，给人以立志奋发的激励。梅花花语为“坚强 ，忠贞，高雅”。</front></strong></p>
<hr>
</body>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>海棠花</title>
</head>
<body bgcolor="#ffebcd">
<h2 align="center">海棠花</h2>
<a href="花.html" target="_self">
    <img src="images/海棠.jpg" width="400px" height="280px"><br />
</a>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<front color="#8a2be2">海棠是苹果属（Malus）多种植物和木瓜属（Chaenomeles）几种植物的通称与俗称。代表植物海棠花（学名：Malus spectabilis）和木瓜（学名：Chaenomeles sinensis）都是蔷薇科的灌木或小乔木，为中国著名观赏树种，各地习见栽培。园艺变种有粉红色重瓣者和白色重瓣者。</front></strong></p>
<hr>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>牡丹花</title>
</head>
<body bgcolor="#ffebcd">
<h2 align="center">牡丹花</h2>
<a href="花.html" target="_self">
    <img src="images/牡丹花.jpg" width="400px" height="280px"><br />
</a>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<strong>牡丹（学名：Paeonia suffruticosa Andr.）是芍药科、芍药属植物。为多年生落叶灌木，茎高达2米；分枝短而粗。叶通常为二回三出复叶，表面绿色，无毛，背面淡绿色，有时具白粉，叶柄长5-11厘米，和叶轴均无毛。花单生枝顶，苞片5，长椭圆形；萼片5，绿色，宽卵形，花瓣5或为重瓣，玫瑰色、红紫色、粉红色至白色，通常变异很大，倒卵形，顶端呈不规则的波状；花药长圆形，长4毫米；花盘革质，杯状，紫红色；心皮5，密生柔毛。蓇葖长圆形，密生黄褐色硬毛。花期5月；果期6月。
    花色泽艳丽，玉笑珠香，风流潇洒，富丽堂皇，素有“花中之王”的美誉。在栽培类型中，主要根据花的颜色，可分成上百个品种。牡丹品种繁多，色泽亦多，以黄、绿、肉红、深红、银红为上品，尤其黄、绿为贵。牡丹花大而香，故又有“国色天香”之称。</strong></p>
</body>
</html>

4.展示视频：

介绍花的演示视频-CSDN直播

5.文件夹展示：

会写代码的丑小鸭～

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
图像标记（HTML5语言）（超链接+描点链接）

1.要求：制作一个花的网页对于其的介绍，可以在点击关键字的同时跳转目标网页，并且转到目标网页的图片并且能回到上一个网页。2.效果展示：3.制作过程：首先在你所保存HTML5内容的文档新建一个images文件夹（在文件夹里下载几张你喜爱的几张花的照片） .建一个介绍花的总体的网页（这里我已经加入了超链接了）：如下所示：<!DOCTYPE html><html lang="en"><head> <meta ...
复制链接

扫一扫