2. 程式人生 > 其它 >HTML做一個聖誕頁面（純html程式碼）

HTML做一個聖誕頁面（純html程式碼）

阿新 • • 發佈：2021-01-03

技術標籤：前端基礎知識html

在這裡插入圖片描述

第一部分：目錄資料夾

在這裡插入圖片描述

第二部分：index.html程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible"
 
 content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>聖誕節的那些事</h1>

    1.聖誕是怎樣由來的<br/>
    2<a href="#oldman">聖誕老人的由來</a><br/>
    3.<a href="#tree">聖誕樹的由來</a><br/>
    
    <h2>
 
聖誕是怎樣由來的</h2>
    
      <p>  聖誕節是基督教世界最大的節日。一般認為12月25日作為聖題節可能開始於公元336年的羅馬校會。4世紀初。1月6日是羅馬帝國東部各教會紀餘耶穌降生和受法的雙重節日。即上帝通過耶穌向世人顯示自己，這一F 又是羅馬歷 書的冬至節，意味著萬物復甦的開始。 可能由於這個原因。羅馬教會才選擇這一天作為聖諾節。後來.因為各地教會使用的歷書不同，具體日期不能統一， 於是就把12月24日到第二年的1月6日定為聖諾節節期( Christmas Tide)↓ 各地教會可以根據當地具體情況在這段節期之內慶祝聖誕節。在歐美許多國家裡， 人們非常重視這個節日。把它和新年連在一起，而慶祝活動之熱間與隆重大大超過了新年，成為-
 
一個全民的節日。12月24日平安夜、12月25日聖誕節的主要紀$活動都與耶穌降生的傳說有關。</p>
        <img  src="images/1.png"/>

    <h2 id="oldman">聖誕老人的由來</h2>

    <p>聖選節當然少不了<a href="oldman.html" target="_blank">聖誕老人</a>，根據聖經記載，書中並沒有理起這一每人物。 到底他是如何成為聖誕的主角之一呢?相傳在一千六百多年前，荷蘭巴里地方有一個老人。名叫尼古控斯，他- -生最愛幫助貧窮的人家，其中有一-次他幫的三個熱窮的少女,送她們三袋金子以這過被賣的不幸，到了一八二二年。由荷蘭傳教士把這位偉大慈善家的故事傳到美國.裝扮聖誕者人漸漸地流行於世界各國，根據調查。以上故事還有下文;當尼古拉斯愉偷把其中-袋金子送給其中一名女子時。他把金子從其中一個窗戶仍進去。館好掉進晾在壁爐上的只長辣中。於是↓將禮物放在聖誕襪子的送禮方法便傳到至今。在罕安夜裡 ,孩子總會把-雙雙色彩繽紛的棟子掛在床頭 ,然後在抹子旁邊放杯熱牛奶讓聖誕老人喝.以讓勞苦功高的聖誕老人解渴,並送份大札始自己.</p>
    
        <img  src="images/2.png"/>

    <h2 id="tree">聖誕樹的由來</h2>
    聖誕樹一直是慶祝聖諾節不可少的裝飾物 ,如果家中沒有董涵樹。就大大減少了過節氣氛。關於聖藍樹的來源有多種不同的傳說。其中一-個是說 :大約在十六世紀。聖誕樹最先出現在德國，德國人把長青的鬆怕枝拿到屋中去擺設。將之成為聖誕樹。後來，由德國人馬丁路德把姻姓放在樹林中的樅樹枝,然後點燃煙燭。使它看起來像是引導人們到怕利恆去。青近今日。人們已經改用粉色的小燈泡了，男- 一個傳說記載。在很久以前，曾有位農民.在聖誕節那天遇到個窮苦小孩，他熱情地續待了這個兒童。兒童臨走時所下一-根松枝播在地上.松枝立險變成- -棵樹。上五都性滿禮物,以答謝農民的好意，聖題樹真正出現在聖做節時。首先見於德國.之後又傳入歐洲和美國，並以其優美的要志。成為聖誕書不可缺少的裝飾。聖誕樹的種類繁多.有天然松柏聖退樹、也有人造聖誕樹及白色聖退樹。每棵聖誕樹 上都掛滿琳玻滿目的裝飾品.但簡模樹的頂端必定有個特大的星星。象徵三博士觀隨該星而找到咽穌。而且也只有該家庭的一家之主可以把這棵希望之量掛上。</p>
    <img  src="images/3.png"/>
    <p>更多內容可以<a href="http://www.baidu.com" target="_blank">百度一下</a></p>
</body>
</html>

第三部分：總結

1.用到的標籤：標題標籤、段落標籤、換行標籤、影象標籤（路徑問題）、連結標籤（外部連線）。

2.錨點連結。

相關推薦

HTML做一個聖誕頁面（純html程式碼）

技術標籤：前端基礎知識html 第一部分：目錄資料夾 第二部分：index.html程式碼

HTML做一個簡單的頁面（純html程式碼）地球專題學習網站

Override the entrypoint of an image Introduced in GitLab and GitLab Runner 9.4. Read more about the extended configuration options.

css+html做一個個人頭像預覽，或者說名片把

效果圖： ---- index.html <!DOCTYPE html> <html> <head> <meta charset=\"utf-8\">

HTML中合併單元格（水平和垂直）

HTML中合併單元格（水平和垂直） <!DOCTYPE html> <html> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">

html基礎知識-表格標籤（form，input）

<!DOCTYPE html> <html> <head> <meta charset=\"utf-8\"> <!-- <title></title>

HTML (005) HTML5 拖放（Drag 和 Drop）

一、拖放 在 HTML5 中，拖放（Drag 和 drop）是標準的一部分，任何元素都能夠拖放。

使用Python來做一個螢幕錄製工具的操作程式碼

一、寫在前面 作為一名測試，有時候經常會遇到需要錄屏記錄自己操作，方便後續開發同學定位。以前都是用ScreenToGif來錄屏製作成動態圖，偶爾的機會看到python也能實現。那就趕緊學習下。

使用Vue+Django+Ant Design做一個留言評論模組的示例程式碼

1.總覽 留言的展示參考網路上參見的格式，如掘金社群： 一共分為兩層，子孫留言都在第二層中

（純技術乾貨）完整的框架搭建過程 實戰 Python+unittest+requests 介面自動化測試

一、Python+unittest+requests+HTMLTestRunner 完整的介面自動化測試框架搭建——框架結構簡解

Selenium：frame巢狀頁面元素定位（附頁面原始碼+定位操作程式碼）

先看看內嵌頁面長啥樣哈： 案例：在Frame_test.html檔案種定位百度搜索頁面，進行搜尋操作。

功能地址0x4f65a5aa造成了一個保護錯誤 列印時提示：功能地址0x4f65a5aa造成了一個保護錯誤（例外碼0xc0000005），某些或全部屬性頁無法正常顯示。

桌面右鍵--》選擇個性化--》主頁--》裝置--》印表機和掃描器參考圖一需要等掃描一會兒，才出現下面選項，選擇【我需要的印表機不在列表中】--》參考圖二再 建立新埠，型別選“standard TCP/IP port”，後面

求方程：cos(x)-x=0的一個實根（迭代步驟）

技術標籤：c語言 求方程：cos(x)-x=0的一個實根（迭代步驟） 問題：功能：編寫函式float fun()，利用以簡單迭代方法Xn+1=cos(Xn)求方程：cos(x)-x=0的一個實根。迭代步驟如下： （1）取x1初值為0.0； （2）x0=x1

寫一個程式，讀入一個行字串（可能包含空格），輸出這個字串中字元的數量

技術標籤：C語言練習 題目 寫一個程式，讀入一個行字串（可能包含空格），輸出這個字串中字元的數量

第一個py指令碼（python指令碼結構）

第一個py指令碼： #coding:utf-8#指令碼頭部 #一個空行 import os#引用部分 #兩個空行 print(os.getcwd())#業務部分

windows環境30分鐘從0開始快速搭建第一個docker專案（帶資料庫互動）

前言 小白直接上手docker 構建我們的第一個專案，簡單粗暴，後續各種概念邊寫邊瞭解，各種概念性的內容就不展開，沒了解過的點選Docker 教程進行初步瞭解。

vite + react + ts 手摸手做專案系列一 （專案配置篇）

前言 說好的教程終於來了，文章主要帶大家打造一個 react spa 的專案，使用的技術棧是 vite+react+ts,vite 的快想必我就不用介紹了，用過的都說好， react + ts 已經成為大型專案的主流，大廠極為青睞，所以學好

從零實現一個web框架（基於go語言）-序言

由於go的net/http包十分方便的幫我們實現了一個web伺服器所需要的大部分功能，框架的設計模式和思想與語言無關，作為學習採用go來搭建自己的web框架。

# 手把手搭建一個k8s叢集（附搭建指令碼）

前置條件 安裝好linux的三臺主機（我這裡用的是CentOs 7） 為節點分別設定hostname

關於我對原神近版本的看法與吐槽（純個人見解）

       首先，我先宣告一下，我不是帶節奏的人，我也不喜歡帶節奏的人。我發這篇專欄只是為了抒發個人的感受，沒有黑原神的意思。在這篇專欄裡，我想談談我對原神2.5版本和2.6前瞻的看法。

JS 從零手寫一個深拷貝（進階篇）

壹 ❀ 引 在深拷貝與淺拷貝的區別，實現深拷貝的幾種方法一文中，我們闡述了深淺拷貝的概念與區別，普及了部分具有迷惑性的淺拷貝api。當然，我們也實現了乞丐版的深拷貝方法，能解決部分拷貝場景，雖然它仍有很多缺