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/superhero/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container"> <div class="alert alert-info" role="alert">本網站僅供åƒè€ƒ</div> <!-- Start your code here --> <h1>秘境å°ç£ï¼Œå°ç£çš„八處ç§å¯†ç¾Žæ™¯<small>ä½ åŽ»éŽå—Žï¼Ÿ</small></h1> <p class="lead">放å‡äº†ï¼Œä½ 打算怎麼玩?別åªæƒ³è‘—å°åŒ—ã€é«˜é›„和墾ä¸ï¼Œä¸€èµ·ä¾†çœ‹çœ‹éºµåŒ…å›ç™¼ç¾çš„八處<mark>ç§å¯†ç¾Žæ™¯</mark>å§ï¼</p> <blockquote> <p>ä¹Ÿè¨±æœ‰äº›åœ°æ–¹ä½ æœ‰åŽ»éŽï¼Œ 但å»ä¸çŸ¥é“這些美景是在一天ä¸çš„æŸä¸€åˆ»æ‰æœƒç™¼ç”Ÿã€‚ 近年來自然生態ä¸æ–·è¢«ç ´å£žï¼ŒçœŸçš„æ„›å°ç£ï¼Œ å°±è¦ä¿è·å°ç£ã€‚å°ç£çœŸçš„很美。 é€™äº›ç¾Žæ™¯å°±åœ¨ä½ æˆ‘èº«é‚Šï¼Œä½•å¿…èŠ±éŒ¢å‡ºåœ‹åŽ»ï¼ å¸¶è‘—ä½ çš„çœ¼ç›å…ˆä¾†ä¸€è¶Ÿè¦–覺的饗宴å§ï¼</p> </blockquote> <div class="jumbotron"> <h1>心動嗎 ?</h1> <p>點下方連çµäº†è§£æ›´å¤šè³‡è¨Š</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">ç”±æ¤åŽ»</a></p> </div> <div class="row"> <div class="col-sm-4"> <h2>å°ä¸â€”—壯美西部·大安溪峽谷</h2> <img src="http://s2.how01.com/how01//15/82/54e6cde3a9c62d94dcaf77f0a3d5.jpeg" alt="å°ä¸â€”—壯美西部·大安溪峽谷" class="img-responsive img-rounded"/> <p>大安溪峽谷ä½æ–¼å°ä¸ç¸£èˆ‡è‹—æ —ç¸£çš„äº¤ç•Œè™•ï¼Œç”±æ–¼æ›¾ç¶“çš„åœ°éœ‡å’Œè¿‘å¹´ä¾†çš„æš´é›¨æ²–åˆ·ï¼Œé€™è£¡å½¢æˆäº†å£¯è§€çš„峽谷和瀑布,雖然ä¸åƒç¾Žåœ‹å¤§å³½è°·å…¬åœ’那麼é¼é—Šï¼Œä½†é€™è£¡æ°´æµæ°£å‹¢ç£…礴åˆæ¸…澈見底,沿途還有沙洲和,最é‡è¦çš„是,這裡沒有旅éŠåœ˜ï¼Œæ˜¯ä¸€å€‹èƒ½è®“ä½ æ‹å‡ºé¢¨å…‰å¤§ç‰‡çš„好地方。</p> </div> <div class="col-sm-4"> <h2>馬祖島——å°ç£ä¹‹å…‰Â·é¦¬ç¥–è—眼淚</h2> <img src="http://s2.how01.com/how01//ee/fc/f12b8e3d6f35c13fb4ec7f208c36.jpeg" alt="馬祖島——å°ç£ä¹‹å…‰Â·é¦¬ç¥–è—眼淚" class="img-responsive img-rounded" /> <p>CNNç‰¹åˆ¥å ±é“éŽçš„「馬祖è—眼淚ã€ï¼Œæœ‰è‘—「å°ç£ä¹‹å…‰ã€çš„美è½ï¼Œæ‰€è¬‚的「è—眼淚ã€å…¶å¯¦æ˜¯ä¸€ç¨®å«åšå¤œå…‰è—»çš„海底微生物,大多出ç¾åœ¨æ˜¥å£ã€‚想看è—眼淚å¯ä¸å¤ªå®¹æ˜“,å£ç¯€ã€é¢¨å‘ã€åœ°é»žéƒ½è¦æ‰¾å°ï¼Œè€Œä¸”夜光藻離開海é¢åŽï¼Œè¶…éŽ100秒光芒就會消é€ï¼Œå®›å¦‚æµ·é¢ä¸Šçš„æµæ˜Ÿï¼Œç貴無比。</p> </div> <div class="col-sm-4"> <h2>å°åŒ———呼å¸å¸¶è‘—茶香的空氣·塗æ½</h2> <img src="http://s2.how01.com/how01//d1/4d/725fd17082023d1133f1cfe0ba1c.jpeg" alt="å°åŒ———呼å¸å¸¶è‘—茶香的空氣·塗æ½" class="img-responsive img-rounded" /> <p>石碇鄉的永安里是å°åŒ—å‘¨é‚Šçš„ä¸€è™•ç§˜å¢ƒï¼Œé€™è£¡æœ‰è‘—å±¤å±¤ç–Šç–Šçš„å±±å·’å’Œç¿ ç¶ çš„æ¹–æ³Šï¼Œè¢«ç¨±ç‚ºå°åƒå³¶æ¹–。站在å°å±±ä¹‹ä¸Šï¼Œå·¦é‚Šå±±æ°´ï¼Œå³é‚ŠèŒ¶åœ’,360åº¦çš„ç¾Žæ™¯è®“ä½ å½·å½¿çœŸçš„ä¾†åˆ°äº†ä¸–å¤–æ¡ƒæºï¼Œæ·±æ·±åœ°å¸ä¸€å£æ°£ï¼ŒèŒ¶é¦™ä¹Ÿæœƒéš¨è‘—清風撲鼻而來。</p> </div> <div class="col-sm-4"> <h2>å°åŒ—â€”â€”æµ·å²¸ç·šçš„ç¶ è‰²å¥‡è¿¹Â·è€æ¢…石槽 </h2> <img src="http://s2.how01.com/how01//05/e4/d69d1e21a6ea1c1fb331db7d8de3.jpeg" alt="å°åŒ—â€”â€”æµ·å²¸ç·šçš„ç¶ è‰²å¥‡è¿¹Â·è€æ¢…石槽" class="img-responsive img-rounded" /> <p>很多人都知é“å°ç£æœ€åŒ—端的富貴角,但å»ä¸çŸ¥é“就在富貴角的ä¸é 處,有著全å°ç¨ä¸€ç„¡äºŒçš„æ™¯è§€â€”â€”ã€Œç¶ è‰²çŸ³æ§½ã€ã€‚這裡是æ”影家的ç§æˆ¿æœ€æ„›ï¼Œå£é¢¨ä¾†æ™‚,海浪æ‹æ‰“åœ¨é•·æ»¿äº†ç¶ è‰²æµ·è—»çš„çŸ³æ§½ä¸Šï¼Œå°±åƒç¢§çŽ‰ä¸Šé¨°èµ·äº†ç™½è‰²çš„ç«ç„°ï¼Œç¾Žå¾—令人難以置信。</p> </div> <div class="col-sm-4"> <h2>å°å—â€”â€”è¿·ä½ äºžé¦¬éœÂ·å››è‰æ¿•åœ°</h2> <img src="http://s2.how01.com/how01//00/e7/9e6371901a7383541094bb2de376.jpeg" alt="å°å—â€”â€”è¿·ä½ äºžé¦¬éœÂ·å››è‰æ¿•åœ°" class="img-responsive img-rounded" /> <p>å°å—市å—安å€çš„å››è‰æ¿•åœ°æ˜¯å°ç£ç´…樹林的故鄉,雖然åå—å«åšã€Œç´…ã€æ¨¹æž—,但實際上這裡確實ä¸æŠ˜ä¸æ‰£çš„ç¶ è‰²æ™¯è§€ã€‚åˆ’è‘—ç«¹çé€²å…¥ç¿ ç¶ çš„éš§é“,就好åƒåˆ°äº†å¦ä¸€å€‹ä¸–界,讓人ä¸æƒ³èµ°åˆ°çµ‚點,åªæƒ³æ²‰æµ¸åœ¨é€™å¤¢å¹»èˆ¬çš„景色ä¸ã€‚</p> </div> <div class="col-sm-4"> <h2>å—投——沉ç¡çš„仙境·鹿谷忘憂森林</h2> <img src="http://s2.how01.com/how01//99/07/6be539a25a44a0fbba916757d7d8.jpeg" alt="å—投——沉ç¡çš„仙境·鹿谷忘憂森林" class="img-responsive img-rounded" /> <p>這片幽深朦朧的æ‰æœ¨æž—就是å—投縣鹿谷鄉的忘憂森林了,這裡是一片沼澤地,終日霧氣迷濛,最迷人的就是陽光é€éŽè–„éœ§ç…§é€²æ¨¹æž—çš„æ™‚å€™ï¼Œé‚£å ´æ™¯çœŸçš„å°±å¦‚æ²‰ç¡çš„仙境一般。</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here