HTML靜態網頁成品作業(HTML+CSS)——川西旅游介紹網頁(2個頁面)

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

文章目錄

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


一、作品介紹

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

二、作品演示

在這里插入圖片描述
在這里插入圖片描述

三、代碼目錄

在這里插入圖片描述

四、網站代碼

HTML部分代碼


<div class="header"><div class="logo">美麗川西</div><div class="nav"><a href="index.html" class="active">川西首頁</a><a href="./html/meijing.html" >川西美景</a></div></div><div class="banner"><img src="./pic/banner.jpg"></div><div class="main"><h2>川西簡介</h2><p>四川省西部與四川盆地西部的簡稱重名,現川西(四川省西部)又可指四川省行政區劃西部的阿壩州甘孜州等名川西高原地區。</p><p>歷史上的“川西”指的是四川盆地里西部邊緣地帶,不包括川西高原,廣義上來說包括成都、樂山 、德陽、眉山、雅安。</p><p>而地理上的川西多指四川阿壩州甘孜州等地區。這個地區自然風景優美迷人,九寨溝、黃龍、臥龍自然保護區、四姑娘山、米亞羅風景區、九曲黃河十八彎等風景名勝都位于川西地區,是四川省風景最迷人的一個地區,也是旅游和戶外的理想去處。</p><div class="main_img"><img src="./pic/1.png" alt=""><img src="./pic/2.png" alt=""><img src="./pic/3.png" alt=""></div><p>川西壩子,有“小江南”的美稱,因其獨特的自然地理條件孕育了獨特的人文景觀和風俗習慣,這點在現代作家李劼人的《死水微瀾》中有詳盡具體的描述。</p><p>由于四川境內多山地、高原,盆地倒是面積小得多。盆地內丘陵縱橫;高原上矗立著巍峨壯觀的冰川、雪山。地勢跌宕起伏,氣候復雜多變。</p><p>它又地處中國西南腹地,長江上游。是聯接中國西南、西北和華中三大地區的天然紐帶。東西南北文化在這里交流,長江黃河文明在這里融合。獨特的巴蜀文化,神秘古樸的藏、羌、彝風情。數億年的地質運動,造就了瑰麗險峻的巴蜀風光。獨特的人文地理環境,孕育出了豐厚的文化積淀。</p><div class="main_img"><img src="./pic/4.png" alt=""><img src="./pic/5.png" alt=""></div></div><!-- 底部 --><div class="footer">美麗川西 版權所有</div>

五、源碼獲取

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

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

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

相關文章

【C++】:string類底層的模擬實現

目錄 引言1&#xff0c;構造函數2&#xff0c;析構函數3&#xff0c;取出字符串的地址4&#xff0c;計算有效數據個數5&#xff0c;[ ]運算符重載6&#xff0c;簡單迭代器7&#xff0c;預開空間(擴容)8&#xff0c;尾插一個字符9&#xff0c;尾插一個字符串10&#xff0c;運算符…

互聯網十萬個為什么之什么是虛擬化?

虛擬化是在一臺物理計算機上同時運行多個虛擬操作系統實例的技術。虛擬操作系統上運行的這些實例被稱為虛擬機&#xff08;Virtual Machine&#xff09;或者客戶機&#xff08;Guest Machine&#xff09;。每個虛擬機都具備完整的硬件抽象&#xff0c;包括CPU、內存、網絡適配器…

【408精華知識】時鐘周期、機器周期、總線周期、指令周期、存取周期還傻傻分不清?

在做題時&#xff0c;我們經常能遇到關于“周期”的表述&#xff0c;比如時鐘周期、機器周期、總線周期、指令周期、存取周期&#xff0c;類似的表述讓我們很容易迷茫&#xff0c;那么接下來我們就看看它們到底是什么、有什么區別&#xff1f; 周期特點時鐘周期也稱為CPU時鐘周…

圖片數據增強-resize(不同插值)、各種模糊

各種不同的模糊處理 import os import cv2def apply_blur_to_images(input_folder_path, output_folder_path):# 遍歷文件夾下的所有文件for filename in os.listdir(input_folder_path):# 檢查文件類型是否為圖片if filename.endswith(.jpg) or filename.endswith(.jpeg) or …

手算示例:在神經網絡中進行后門攻擊及驗證

手算示例&#xff1a;在神經網絡中進行后門攻擊及驗證 一、神經網絡架構二、初始化參數三、數據集干凈數據&#xff08;原始數據&#xff09;帶后門數據&#xff08;污染數據&#xff09; 訓練步驟四、示例前向傳播&#xff08;干凈數據&#xff09;計算損失&#xff08;干凈數…

每天五分鐘深度學習框架pytorch:tensor張量的維度轉換大全

本文重點 在深度學習中比較讓人頭疼的一點就是矩陣的維度,我們必須構建出符合神經網絡維度的矩陣,只有將符合要求的矩陣放到神經網絡中才可以運行神經網絡,本節課程我們將學習以下tensor中維度的變化。 view和shape View和shape,這兩個方法可以完成維度的變換操作,而且使…

【C語言實現TCP通信】

要在C語言中實現TCP通信&#xff0c;您可以遵循以下步驟&#xff1a; 創建Socket&#xff1a;使用socket()函數創建套接字&#xff0c;指定協議族為AF_INET&#xff08;IPv4&#xff09;或AF_INET6&#xff08;IPv6&#xff09;&#xff0c;類型為SOCK_STREAM表示使用TCP協議。…

【相機標定系列】【相機模型】SLAM 中常用的相機模型畸變模型總結

Overview 魚眼鏡頭的成像原理分類&#xff1a; Dioptric cameras&#xff0c;通過透鏡來實現&#xff0c;主要是折射 Catadioptric cameras&#xff0c;使用一個標準相機加一個面鏡&#xff08;Shaped mirror&#xff09; polydioptric camera&#xff0c;通過多個相機重疊視…

npm的基本命令和用法

1. 安裝與初始化 安裝npm 首先&#xff0c;確保你的系統中已安裝了Node.js&#xff0c;因為npm隨Node.js一同分發。訪問Node.js官網下載并安裝適合你操作系統的版本。安裝完成后&#xff0c;在終端或命令提示符中輸入以下命令來驗證安裝&#xff1a; 1$ node -v 2$ npm -v …

[STM32-HAL庫]ADC采集-DMA中斷采集-平均值濾波-STM32CUBEMX開發-HAL庫開發系列-主控STM32F103C8T6

目錄 一、前言 二、實現步驟 1.STM32CUBEMX配置 2.Keil工程程序設計 三、結語 一、前言 本文通過STM32CUBEMX實現對ADC的數據采集和濾波操作&#xff0c;幫助各位開發者完成與模擬量輸入的采集工作。 二、實現步驟 1.STM32CUBEMX配置 以STM32F103C8T6為例&#xff0c;打開S…

3D 生成重建015-nerf2mesh從神經輻射場中提取mesh和紋理!

3D 生成重建015-nerf2mesh從神經輻射場中提取mesh和紋理&#xff01; 文章目錄 0 論文工作1 論文方法2 效果 0 論文工作 NeRF2Mesh 提出了一種從多視角 RGB 圖像重建紋理表面網格的新方法。它克服了傳統 NeRF 模型的局限性&#xff0c;由于其隱式表示&#xff0c;傳統 NeRF 模…

高斯分步正態分布

高斯分布&#xff0c;也稱為正態分布&#xff08;Normal Distribution&#xff09;&#xff0c;是統計學和概率論中最重要的分布之一。它由德國數學家卡爾弗里德里希高斯&#xff08;Carl Friedrich Gauss&#xff09;首先系統研究并命名。以下是關于高斯分布的詳細介紹&#x…

基于 Pre-commit 的 Python項目代碼風格統一實踐

背景信息 統一代碼風格首先需要定義參照的規范&#xff0c;每個團隊可能會有自己的規范&#xff0c;我們選擇的規范是 yapf mypy isort&#xff0c;如果保證所有的研發人員都遵循相關規范呢&#xff1f; 鼓勵 IDE 中對應的插件的安裝&#xff0c;通過直接對應的插件&#x…

bootstrap實現天平效果

之前提到了&#xff0c;最近&#xff0c;孩子的幼兒園讓家長體驗“半日助教活動”&#xff0c;每個家長需要講授15-20分鐘的課程。作為一名程序員&#xff0c;實在沒有能教的課程&#xff0c;只能做了一個小游戲&#xff0c;帶著小朋友們熟悉數字。 在上一章博客中&#xff0c…

【讀書】讀書筆記——理科生的視角:底層邏輯+數學之美

1&#xff0c;底層邏輯1&#xff08;看清這個世界的底牌&#xff09; 劉潤 著 0&#xff09;什么是底層邏輯&#xff1f; 底層邏輯是&#xff1a;事物之間共同點、變化背后不變的東西事&#xff1b;看清事物的本質&#xff0c;才能在復雜變化中從根本上解決問題。 1&#x…

【Java繼承】(超級詳細!!!)

【Java繼承】&#xff08;超級詳細&#xff01;&#xff01;&#xff01;&#xff09; 1、 繼承的概念2 、繼承的語法3、 父類成員訪問3.1 子類中訪問父類的成員變量3.2 子類中訪問父類的成員方法 4、 super關鍵字5 、子類的構造方法6、 繼承關系上的執行順序7、protected 關鍵…

ubuntu20.04安裝后配置:wifi、屏幕亮度、Nvidia驅動等

文章目錄 一、安裝時最好用英語&#xff0c;否則Downloads等home下文件夾是中文二、安裝后開機無法進入系統圖形界面三、清理不必要軟件&#xff0c;更新系統四、屏幕亮度、Nvidia驅動五、wifi 一、安裝時最好用英語&#xff0c;否則Downloads等home下文件夾是中文 安裝完再在…

error: ‘address‘ in ‘class school‘ does not name a type school:: address = “

錯誤代碼 class school{ public:string name;static string address; public:static string getAddress(){return address;} };school::address "南京路";原因 school::address “南京路”;前面未加類型&#xff0c;導致編譯錯誤 解決 class school{ public:stri…

選項卡式小部件QTabWidget

文章目錄 1. 詳細介紹2. 常用屬性3. 信號4. 常用函數5. 官方示例Tab Dialog QTabWidget提供一堆選項卡式小部件。 1. 詳細介紹 選項卡式部件提供一個選項卡欄和一個用于顯示與每個選項卡相關的頁面的頁面區域。 默認情況下&#xff0c;選項卡欄顯示在頁面區域上方&#xff0c;…

Vue.js - 計算屬性與偵聽器 【0基礎向 Vue 基礎學習】

文章目錄 計算屬性 computedcomputed 的使用方法computed 與 method 的區別計算屬性完整寫法 watch 偵聽器&#xff08;監視器&#xff09;簡單寫法 → 簡單類型數據&#xff0c;直接監視完整寫法 → 添加額外配置項 計算屬性 computed computed 的使用方法 **概念&#xff1…