Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript" src="http://getbootstrap.com/dist/js/bootstrap.js"></script> <link type="text/css" rel="stylesheet" href="https://bootswatch.com/cyborg/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container"> <div class="alert alert-info" role="alert">本網站內容尚未製作完æˆï¼Œé 計在 2050/10/17 æ£å¼æŽ¨å‡ºã€‚</div> <h1>世界七大自然奇觀 <small>æ—…éŠæŒ‡å—</small></h1> <p class="lead">來自世界å„的有å資然奇觀,哪一些是<mark>最有觀光價值</mark>呢?</p> <blockquote> <p>總部è¨åœ¨ç‘žå£«çš„七大奇觀基金會,2007å¹´12æœˆé–‹å§‹ï¼Œä¸€å ´æ·æ™‚五年的çˆå¥ªæˆ°æ‹‰é–‹åºå¹•ã€‚最åˆç”±ç¶²æ°‘æå400個景點å單,被æå最多的77å¼·å‹å‡ºï¼Œå†ç”±å°ˆå®¶è©•å¯©ç”±77å¼·é¸å‡º28強,最後28強交由全çƒé›»è©±åŠç¶²ä¸ŠæŠ•ç¥¨ï¼Œé¸å‡º7強,æ·æ™‚é•·é”兩年。 <small>原文網å€ï¼šhttps://read01.com/aAePRd.html</small> </p> </blockquote> <div class="jumbotron"> <h1>ç«‹å³é 約嚮導</h1> <p>由在地旅éŠé”äººå¸¶è·¯ï¼Œå¸¶ä½ åƒé夜市知å美食å°åƒã€‚</p> <p><a class="btn btn-info btn-lg" href="#" role="button"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> ç«‹å³é ç´„</a></p> </div> <div class="row"> <div class="col-sm-4"> <h2>科羅拉多大峽谷 <small>美国</small></h2> <img src="https://upload.wikimedia.org/wikipedia/commons/t humb/5/52/Grandcanyon_view5.jpg/400px-Grandcanyon_view5.jpg" alt="科羅拉多大峽谷" class="img-responsive img-thumbnail" /> <p>大峡谷最深处約1900公尺。从æŽæ°æ¸¡å£ï¼ˆLee's Ferry)至汉斯险滩(Hance Rapidï¼‰ï¼Œå³¡è°·å¹³ç¼“å€¾æ–œï¼Œå²©å±‚æ˜¾éœ²æ— é—。从谷底至顶部沿å£éœ²å‡ºä»Žå‰å¯’æ¦çºªåˆ°æ–°ç”Ÿä»£å„期的系列岩系,水平层次清晰,岩层色调å„异,并å«æœ‰å„地质时期代表性的生物化石。峡谷终æ¢äºŽæ ¼å…°å¾·ç“¦ä»€å´–(Grand Wash Fault)。</p> </div> <div class="col-sm-4"> <h2>维多利亚瀑布 <small>éžæ´²</small></h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Vic toriaf%C3%A4lle.jpg/275px-Victoriaf%C3%A4lle.jpg" alt="维多利亚瀑布" class="img-responsive img-thumbnail" /> <p>最早的已知的ä½åœ¨ç»´å¤šåˆ©äºšç€‘布附近的人是狩猎采集的科伊桑人,åŽæ¥"Tokaleya"人在æ¤å®šå±…,他们称维多利亚瀑布为"Shongwe",å†åŽæ¥æ©å¾·è´å‹’人在æ¤è½è„šï¼Œå¹¶ç§°ç»´å¤šåˆ©äºšç€‘布为 "aManza Thunqayo",最åŽåœ¨è¿™é‡Œå®šå±…的马å¯æ´›æ´›æ—的人则称之为莫西奥图尼亚,æ„æ€æ˜¯åƒé›·éœ†èˆ¬è½°è½°ä½œå“的烟雾。</p> </div> <div class="col-sm-4"> <h2>冰å·ç£åœ‹å®¶å…¬åœ’ <small>美国</small></h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Gla cierBay3.jpg/284px-GlacierBay3.jpg" alt="冰å·ç£åœ‹å®¶å…¬åœ’" class="img-responsive img-thumbnail" /> <p>冰å·ç£åœ‹å®¶åœ‹å®¶å…¬åœ’最åˆæ–¼1925å¹´2月25æ—¥è¨ç‚ºåœ‹å®šå…¬åœ’。於1979年被UNESCO登錄為世界自然éºç”¢ã€‚1980å¹´12月2日,å‡æ ¼ç‚ºå†°å·ç£åœ‹å®¶å…¬åœ’。1986年,冰å·ç£åœ‹å®¶å…¬åœ’被劃入生物圈ä¿è·å€ã€‚公園é¢ç©é”13,287平方公里。冰å·ç£åœ‹å®¶å…¬åœ’是熊ã€é¦´é¹¿ã€é›ªç¾Šã€é¯¨éšã€æ°´é³¥ç‰å‹•ç‰©çš„棲æ¯åœ°ã€‚</p> </div> <div class="col-sm-4"> <h2>çŒ›çŠ¸æ´žå›½å®¶å…¬å› <small>美国</small></h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Lwt02830.jpg/275px-Lwt02830.jpg" alt="猛犸洞国家公å›" class="img-responsive img-thumbnail" /> <p>猛ç洞的人類活動æ·å²è‡³å°‘é”å…åƒå¹´ä¹‹ä¹…,在æ¤ç™¼ç¾åŒ—美原ä½æ°‘的大é‡æœ¨ä¹ƒä¼Šã€‚大部份木乃伊屬有æ„下葬,有充分的è‰æ“šèªç‚ºé€™ç¨®ä¸‹è‘¬æ–¹æ³•åœ¨å“¥å€«å¸ƒç™¼ç¾æ–°å¤§é™¸ä¹‹å‰æ˜¯æ™®é的葬法。 當ä¸çš„例外是於1935年發ç¾çš„一個æˆå¹´ç”·æ€§éºé«”。該éºé«”被發ç¾æ™‚被壓在一塊大石下。æ»è€…是哥倫布發ç¾æ–°å¤§é™¸ä¹‹å‰çš„一å礦工,估計他當時影響到支æ’è‘—æ´žç©´çµæ§‹çš„石塊,導致巨石移ä½ä¸¦å£“在其身上。該åå¤è€çš„å—害者被命å為「失è½çš„ç´„ç¿°ã€ä¸¦æ–¼1970年代公開展出。</p> </div> <div class="col-sm-4"> <h2>ç 穆朗瑪峰 <small>ä¸åœ‹</small></h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Everest_North_Face_toward_Base_Camp_Tibet_Luca_Galuzzi_2006.jpg/250px-Everest_North_Face_toward_Base_Camp_Tibet_Luca_Galuzzi_2006.jpg" alt="ç 穆朗瑪峰" class="img-responsive img-thumbnail" /> <p>ç 穆朗玛峰高大å·å³¨çš„形象一直在当地甚至全世界的范围内产生ç€å½±å“,ä¸åŽäººæ°‘共和国的第四版人民å¸å元的背é¢ä¾¿æ˜¯ç 穆朗玛峰。為了紀念艾德蒙·希拉蕊,新西è˜çŸ¥å的探險家與ç ç©†æœ—ç‘ªå³°é¦–æ¬¡ç™»é ‚è€…ï¼Œè‰¾å¾·è’™Â·å¸Œæ‹‰è•Šçš„è‚–åƒè¢«ç½®æ–¼æ–°è¥¿è˜å…ƒäº”元鈔券的æ£é¢ï¼Œä»¥é¼“勵國人冒險犯難之精神。</p> </div> <div class="col-sm-4"> <h2>è´åŠ 尔湖<small>ä¿„ç¾…æ–¯</small></h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Olkhon_Island_and_Lake_Baikal.jpg/250px-Olkhon_Island_and_Lake_Baikal.jpg" alt="è´åŠ 尔湖" class="img-responsive img-thumbnail" /> <p>å¤ä¸åœ‹å²ç±ç¨±è²åŠ 爾湖為北海ã€äºŽå·³å°¼å¤§æ°´ã€å°æµ·ã€å¤§æ³½ï¼Œå…ˆåŽè‡ªå‰3世纪起先åŽå±žäºŽåŒˆå¥´æ‰€å±žçš„ä¸é›¶éƒ¨è½é¢†åœ°ã€é²œå‘+乌桓所属的ä¸é›¶å’Œåšæ˜†éƒ¨è½çš„领地ã€æŸ”然ã€çªåŽ¥æ‰€å±žçš„é“勒部è½é¢†åœ°ã€å®‰åŒ—都护府ã€å›žé¹˜ã€é» 嘎斯+阻åœã€è¾½æœã€å°¼ä¼¦å’Œè¿åˆ—斤两大部è½ç»„æˆçš„蒙兀国人的活動範åœã€‚è‘—å的蘇æ¦ç‰§ç¾Šæ•…事就發生在è²åŠ 爾湖一帶。這些éŠç‰§éƒ¨æ°‘長期å˜åœ¨ï¼Œæœ‰æ™‚è·Ÿå—部的ä¸åœ‹ç™¼ç”Ÿæˆ°çˆï¼Œæœ‰æ™‚臣æœæ–¼ä¸åœ‹ã€‚</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; text-shadow: 2px 2px 4px #333333; }
// Write JavaScript here