HTML靜態網頁成品作業(HTML+CSS)——家鄉芷江侗族自治縣介紹網頁(1個頁面)

🎉不定期分享源碼,關注不丟失哦

文章目錄

  • 一、作品介紹
  • 二、作品演示
  • 三、代碼目錄
  • 四、網站代碼
    • HTML部分代碼
  • 五、源碼獲取


一、作品介紹

🏷?本套采用HTML+CSS,未使用Javacsript代碼,共有1個頁面

二、作品演示

在這里插入圖片描述

三、代碼目錄

在這里插入圖片描述

四、網站代碼

HTML部分代碼

<div class="bg"><img src="./image/zjzjbanner.jpg" alt=""><div class="bg_top"><div class="width1200"><div class="bg_topl">芷江侗族自治縣</div><div class="bg_topr"><a href="">魅力芷江</a><a href="">走進芷江</a><a href="">名聲旅游</a><a href="">地方特產</a></div></div></div></div><div class="nr1"><div class="width1200"><div class="nr_img"><img src="./image/headti1.png" alt=""></div><div class="nr_111"><img src="./image/1e587a4ffd874656b243736a61a5b537.png" alt=""><div class="nr_1112">芷江是一座歷史悠久的千年古城。建縣于漢高祖五年(公元前202年),至今已有2200多年歷史,是省級歷史文化名城,正在創建國家歷史文化名城。芷江是一座馳名中外的和平名城。抗日戰爭勝利受降在此舉行,和平文化深入人心。成功舉辦五屆“中國芷江?國際和平文化節”和湖南省紀念抗日戰爭勝利69周年、70周年紀念大會,美國前總統卡特曾到訪芷江,2021年芷江獲準成為全球第307座、中國第二座國際和平城市,芷江國際和平名城形象更加彰顯。</div></div></div></div><div class="nr2"><div class="width1200"><div class="nr_img"><img src="./image/headti3.png" alt=""></div><div class="nr_222"><div class="nr_2222"><img src="./image/22b94de32d00466ab2f100faa5db9c76.jpg" alt=""><div class="nr_2222_1">蟒塘溪電站風光</div></div><div class="nr_2222"><img src="./image/68f04c4d8c91408fb4b06f186e2249f4.jpg" alt=""><div class="nr_2222_1">龍津風雨橋</div></div><div class="nr_2222"><img src="./image/86a4a928213044bba1d0967efa2f1fd9.jpg" alt=""><div class="nr_2222_1">佰瀑峽</div></div></div></div></div>

五、源碼獲取

🥇 ~ 關注我,點贊博文~ 每天帶你漲知識!
🎁1.看到這里了就[點贊+好評+收藏]三連 支持下吧,你的「點贊,好評,收藏」是我創作的動力。
💙2.想要獲取本文源碼,點擊前往吧

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/18588.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/18588.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/18588.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【ROS機器人學習】--------1ROS工作空間和功能包創建

虛擬機工具和鏡像鏈接: https://pan.baidu.com/s/1HDmpbMESiUA2nj3qFVyFcw?pwd8686 提取碼: 8686 ROS工作空間是一個用于組織和管理ROS&#xff08;機器人操作系統&#xff09;包的目錄結構&#xff0c;它通常包含多個子目錄&#xff0c;用于存放源碼、構建文件和安裝文件。工…

香橙派OrangePI AiPro測評

實物 為AI而生 打開盒子 截圖電源開機進入 作為一個AI產品,必須有一個人機交互的界面才行。大家都在跑算法,于是我就開始進行整理著手整理搭建Qt的環境。 1、下載源碼 wget https://download.qt.io/archive/qt/5.12/5.12.12/single/qt-everywhere-src-5.12.12.tar.xz待…

RDP方式連接服務器上傳文件方法

隨筆 目錄 1. RDP 連接服務器 2. 為避免rdp 訪問界面文字不清晰 3. 本地上傳文件到服務器 1. RDP 連接服務器 # mstsc 連接服務器step1: 輸入mstscstep2: 輸入 IP, username, passwd 2. 為避免rdp 訪問界面文字不清晰 解決方法&#xff1a; 3. 本地上傳文件到服務器 step…

關于C++的特殊類定制

特殊類定制 在C中&#xff0c;一些特殊性質的類如何設計 類禁止拷貝的對象 C11 使用delete關鍵字賦值給拷貝構造和賦值C98將拷貝構造和賦值聲明在私有里 類只能在堆上創建的對象 將構造函數私有化, 提供一個獲取對象堆上創建對象的公有函數將析構函數私有化, 提供一個釋放…

JavaScript面向對象編程入門:從0到1的奇幻之旅【含代碼示例】

JavaScript面向對象編程入門&#xff1a;從零到英雄的奇幻之旅【含代碼示例】 一、OOP&#xff1a;編程界的哈利波特基本概念類與實例 二、揮舞魔杖&#xff1a;創建類與實例基本語法 三、繼承與封裝&#xff1a;家族的力量繼承封裝 四、實戰與技巧&#xff1a;打造堅固的魔法城…

IT行業的現狀與未來發展趨勢:從云計算到量子計算的技術變革

隨著技術的不斷進步&#xff0c;IT行業已經成為推動全球經濟和社會發展的關鍵力量。從云計算、大數據、人工智能到物聯網、5G通信和區塊鏈&#xff0c;這些技術正在重塑我們的生活和工作方式。本文將深入探討當前IT行業的現狀&#xff0c;并展望未來發展趨勢&#xff0c;旨在為…

vscode當前分支有未提交的修改,但是暫時不想提交,想要切換到另一個分支該怎么辦

當前分支有未提交的修改,但是暫時不想提交,想要切換到另一個分支該怎么辦? 首先,可以將當前修改暫存起來,以便之后恢復 git stash 然后切換到目標分支,例如需求A所在分支 git checkout feat-a-jie 修改完A需求后,需要先切換回之前的分支,例如需求B所在分支 git checkout feat…

免費插件集-illustrator插件-Ai插件-文本對象分行

文章目錄 1.介紹2.安裝3.通過窗口>擴展>知了插件4.功能解釋5.總結 1.介紹 本文介紹一款免費插件&#xff0c;加強illustrator使用人員工作效率&#xff0c;進行文本對象分行。首先從下載網址下載這款插件 https://download.csdn.net/download/m0_67316550/87890501&…

通過安全的云開發環境重新發現 DevOps 的心跳

云開發平臺如何“提升” DevOps 首先&#xff0c;我來簡單介紹一下什么是云開發環境&#xff1a;它通常運行帶有應用程序的 Linux 操作系統&#xff0c;提供預配置的環境&#xff0c;允許進行編碼、編譯和其他類似于本地環境的操作。從實現的角度來看&#xff0c;這樣的環境類…

前端 JS 經典:讀取文件原始內容

前言&#xff1a;有些時候在工程化開發中&#xff0c;我們需要讀取文件里面的原始內容&#xff0c;比如&#xff0c;你有一個文件&#xff0c;后綴名為 .myfile&#xff0c;你需要拿到這個文件里的內容&#xff0c;該怎么處理呢。 在 vue2 中&#xff0c;因為 vue2 使用 vue-c…

【算法】前綴和——尋找數組的中心下標

本節博客是用前綴和算法圖解“尋找數組的中心下標”&#xff0c;有需要借鑒即可。 目錄 1.題目2.題意3.前綴和求解4.示例代碼5.細節6.總結 1.題目 題目鏈接&#xff1a;LINK 2.題意 我們以示例1為例來圖解一下題意&#xff1a; 3.前綴和求解 根據已有經驗&#xff0c;我…

Java 讀取 xml 文件的五種方式

在編寫與 XML 數據交互的現代軟件應用時&#xff0c;有效地讀取和解析 XML 文件是至關重要的。XML&#xff08;可擴展標記語言&#xff09;因其靈活性和自我描述性&#xff0c;已成為數據存儲和傳輸的一種普遍格式。對于 Java 開發者來說&#xff0c;Java 提供了多種工具和庫來…

數據庫索引相關的知識點總結

目錄 1. 索引的概念 2. 索引的作用 3. 索引的類型 4. 索引的缺點 5. 索引的使用場景 6. 索引的設計原則 7. 索引的實現技術 8. 索引的優化技巧&#xff1a; 數據庫表的索引是一個非常重要的概念&#xff0c;它類似于一本書的目錄&#xff0c;可以幫助我們快速找到所需的…

Idea工具的使用技巧與常見問題解決方案

一、使用技巧 1、啟動微服務配置 如上圖&#xff0c;在編輯配置選項&#xff0c;將對應的啟動入口類加進去&#xff0c; 增加jvm啟動參數&#xff0c; 比如&#xff1a; -Denvuat 或者 -Denvuat -Dfile.encodingUTF-8 啟動配置可能不是-Denvuat&#xff0c;這個自己看代…

Android 11 Audio音頻系統配置文件解析

在AudioPolicyService的啟動過程中&#xff0c;會去創建AudioPolicyManager對象&#xff0c;進而去解析配置文件 //frameworks/av/services/audiopolicy/managerdefault/AudioPolicyManager.cpp AudioPolicyManager::AudioPolicyManager(AudioPolicyClientInterface *clientIn…

MySQL目錄和文件

MySQL目錄和文件 bin目錄 存儲一些mysql腳本比如mysqld、mysqld-self等等&#xff0c;用于執行mysql一些操作 數據目錄 show variables like datadir;--查看數據目錄位置每一個數據庫都有一個和數據庫名相同的文件夾&#xff1b;MySQL5.7開始每創建一個表&#xff0c;在Innod…

Python機器學習 Tensorflow + keras 實現CNN

一、實驗目的 1. 了解SkLearn Tensorlow使用方法 2. 了解SkLearn keras使用方法 二、實驗工具&#xff1a; 1. SkLearn 三、實驗內容 &#xff08;貼上源碼及結果&#xff09; 使用Tensorflow對半環形數據集分 #encoding:utf-8import numpy as npfrom sklearn.datasets i…

Dynadot API調整一覽

關于Dynadot Dynadot是通過ICANN認證的域名注冊商&#xff0c;自2002年成立以來&#xff0c;服務于全球108個國家和地區的客戶&#xff0c;為數以萬計的客戶提供簡潔&#xff0c;優惠&#xff0c;安全的域名注冊以及管理服務。 Dynadot平臺操作教程索引&#xff08;包括域名郵…

AI Agent教育行業落地案例

【AI賦能教育】揭秘Duolingo背后的AI Agent&#xff0c;讓學習更高效、更有趣&#xff01; ©作者|Blaze 來源|神州問學 引言 隨著科技的迅猛發展&#xff0c;人工智能技術已經逐步滲透到我們生活的各個方面。而隨著AI技術的廣泛應用&#xff0c;教育培訓正引領著一場新的…

149.二叉樹:二叉樹的前序遍歷(力扣)

代碼解決 這段代碼實現了二叉樹的前序遍歷&#xff0c;前序遍歷的順序是&#xff1a;訪問根節點 -> 遞歸遍歷左子樹 -> 遞歸遍歷右子樹。以下是詳細解釋&#xff0c;包括各個部分的注釋&#xff1a; // 二叉樹節點的定義 struct TreeNode {int val; // 節…