大一html网页制作期末网页设计 HTML5+CSS大作业——个人旅游图片博客(7页)

最新推荐文章于 2022-11-14 20:37:24 发布

优质内容贡献

最新推荐文章于 2022-11-14 20:37:24 发布

阅读量6.3k

点赞数 5

分类专栏： HTML5期末大作业学生div+css静态网页设计成品 web大学生个人网站作业模文章标签： html css html5 css3 个人

本文链接：https://blog.csdn.net/qq_524614081/article/details/122407235

版权

这是一篇关于HTML5和CSS的大作业，展示了作者制作的一个包含7页的个人旅游图片博客。博客旨在满足大学生网页设计需求，提供源码下载，并鼓励读者关注以获取更多相关资源。

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

HTML5+CSS大作业——个人旅游图片博客(7页)

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!DOCTYPE html>
<html lang="zxx">
    <head>
        <!-- Meta Tags -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
        <meta name="description" content="Multipages HTML5 Template">
        <meta name="author" content="">

        <!-- Page Title -->
        <title>Multipages HTML5 Template</title>

        <!-- Favicon and touch Icons -->
        <link href="images/favicon.png" rel="shortcut icon" type="image/png">
        <link href="images/apple-touch-icon.png" rel="apple-touch-icon">
        <link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
        <link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
        <link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

        <!-- Lead Style -->
        <link href="css/style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
		<div id="preloader" class="loader_show">
			<div class="loader-wrap">
			<div class="