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="http://getbootstrap.com/dist/css/bootstrap.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <!-- Start your code here --> <div class="alert alert-info" role="alert">尚未完æˆï¼Œå®Œæˆæ—¥æœŸæœƒæ—¥å¾Œå®£å¸ƒ</div> <div class="jumbotron"> <h1>é ç´„å°ŽéŠ</h1> <p>ä¸çŸ¥é“怎麼玩嗎? 趕緊來é 約一個專æ¥å°ŽéŠï¼Œå¸¶ä½ 玩片全å°ç£</p> <p><a class="btn btn-link btn-lg" href="#" role="button">ç«‹å³é ç´„</a></p> </div> <div class="container"> <h1>å°ç£è§€å…‰æ™¯é»ž<small>æ—…éŠæŒ‡å—</small></h1> <p>臺ç£æ˜¯å€‹å‘ˆå—北狹長型的海島,é¢ç©ç´„有3.6è¬å¹³æ–¹å…¬é‡Œï¼ˆ14,400平方英哩),ä½æ–¼äºžæ´²å¤§é™¸æ±å—æ–¹ã€å¤ªå¹³æ´‹è¥¿å²¸æ±äºžå³¶å¼§é–“,北臨日本ã€ç‰çƒç¾¤å³¶ï¼Œå—接è²å¾‹è³“群島,是往來亞洲å„地的樞ç´ï¼›èˆªç©ºç¶²è·¯å››é€šå…«é”,為éžå¸¸ä¾¿åˆ©çš„æ—…éŠåœ°ä¹‹ä¸€ã€‚ 臺ç£ä¸å¤§ï¼Œä½†è˜Šè—的自然資æºå’Œäººæ–‡é¢¨è²Œå»å足å¯è§€ã€‚ 在自然資æºæ–¹é¢ï¼Œç”±æ–¼åœ°å±¤æ¿å¡Šé‹å‹•ä¸æ–·çš„é€²è¡Œï¼Œé€ æˆè‡ºç£è¤‡é›œå¤šè®Šçš„地形地貌,高山ã€ä¸˜é™µã€å¹³åŽŸã€ç›†åœ°ã€å³¶å¶¼ã€ç¸±è°·èˆ‡æµ·å²¸ç‰æ™¯è§€è±å¯Œï¼›å†åŠ 上北迴æ¸ç·šæ°å¥½å¾žä¸é€šéŽï¼Œä½¿è‡ºç£åŒæ™‚æ“有熱帶ã€äºžç†±å¸¶ã€æº«å¸¶ç‰å„種自然生態,其ä¸åŽŸç”Ÿç‰¹æœ‰ç¨®çš„比例相當高,如櫻花鉤å»é®ã€è‡ºç£ç¼çŒ´ã€è‡ºç£é»‘熊ã€è—腹鷴ç‰ï¼Œå·²ä½¿è‡ºç£æˆç‚ºä¸–ç•Œä¿è‚²çš„é‡åœ°ä¹‹ä¸€ </p> <div class="row"> <div class="col-xs-4"> <h2>象山æ¥é“</h2> <img src="https://media-cdn.tripadvisor.com/media/photo-l/09/62/73/06/elephant-mountain-aka.jpg" alt="象山æ¥é“" class="img-thumbnail"/> <p> 這是å°åŒ—市å€é‚Šç·£ä¸€æ¢é©åˆå…¨å®¶è€å°‘閒宜的æ¥é“ï¼Œåˆ°æœ€é ‚é‚„å¯ä»¥ä¿¯çž°æ•´å€‹å°åŒ—市全景,è¦çœ‹å°åŒ—市夜景或建身é‹å‹• è¸é’都å¯ä»¥ä¾†é€™é‚Šã€‚ </p> </div> <div class="col-xs-4"> <h2>é¾å±±å¯º</h2> <img src="https://media-cdn.tripadvisor.com/media/photo-l/01/0b/59/47/longshan-temple.jpg" alt="é¾å±±å¯º" class="img-thumbnail"/> <p> 充滿å°ç£å®—教人文氣æ¯ï¼Œè‹¥æ˜¯ç¦®ä½›ä¸èˆ‡å¤§è‡ªç„¶ç‚ºä¼ï¼Œè©²æ˜¯å¤šå¥½çš„開始。例如å°ç£å°åŒ—市 行天宮在幾年å‰æ”¹è®Šç‚ºå–®ç´”禮佛,都會å—到尊é‡èˆ‡æ•¬é‡ã€‚ </p> </div> <div class="col-xs-4"> <h2>ä¸æ£ç´€å¿µå ‚</h2> <img src="https://media-cdn.tripadvisor.com/media/photo-l/01/c8/99/05/view-from-the-hall.jpg" alt="ä¸æ£ç´€å¿µå ‚" class="img-thumbnail"/> <p>天氣晴朗的ä¸æ£ç´€å¿µå ‚,是éžå¸¸ç¾Žéº—的。éŠå®¢å¯åœ¨æ•´é»žè§€çœ‹å„€éšŠè¡¨æ¼”ï¼Œå ´é¢éžå¸¸å£¯ 觀。以å‰æ˜¯æ»¿æ»¿çš„陸客,éŠè¦½è»Šï¼Œç¾åœ¨å°‘了很多,åƒè§€å“質優。</p> </div> <div class="col-xs-4"> <h2>佛光山</h2> <img src="https://media-cdn.tripadvisor.com/media/photo-l/03/23/f5/6e/buddha-memorial-centre.jpg" alt="佛光山" class="img-thumbnail"/> <p>很寬廣的地方,一進大門就感覺很莊嚴,雖說發展åè§€å…‰ä¹‹åœ°ï¼Œä½†å……æ»¿ä½›æ•™çš„æ°£æ¯ å¾ˆé‡ï¼Œåˆ°è™•éƒ½æœ‰å¿—工引導,且都微笑見人,基本上都是ä¸ç”¨éŒ¢çš„åƒè§€ï¼Œè£¡é¢ç”¨é¤éƒ¨åˆ†ï¼Œ é¸æ“‡å¾ˆå¤šæ¨£åŒ–,價錢都å¯æŽ¥å—範åœï¼Œå¾ˆé©åˆå‡æ—¥èµ°èµ°çš„地方,也å¯ä»¥æ²‰æ¾±ä¸€ä¸‹èº« 心。</p> </div> <div class="col-xs-4"> <h2>å°åŒ—101</h2> <img src="https://media-cdn.tripadvisor.com/media/photo-l/05/15/2c/15/101.jpg" alt="å°åŒ—101" class="img-thumbnail"/> <p>曾經是世界第一高樓的å°åŒ—101,是國際觀光客來å°ç£å¿…åŽ»çš„è³¼ç‰©ç™¾è²¨å•†å ´ã€‚ 但除 æ¤ä¹‹å¤–,我更建è°åˆ°91樓的戶外觀景å°ï¼Œå±…高臨下,鳥瞰整個城市,éžå¸¸å£¯è§€ï¼Œéžå¸¸éŽ 癮,是必去的景點。</p> </div> <div class="col-xs-4"> <h2>陽明山</h2> <img src="https://media-cdn.tripadvisor.com/media/photo-l/05/82/4e/74/caption.jpg" alt="陽明山" class="img-thumbnail"/> <p>跟著家人到陽明山隨æ„走走,å公車隨興逛逛,天光æ£å¥½ã€å¤©æ°£ä¸ç†±ï¼Œä¿¡æ¥èµ°åˆ° 兩個以å‰æ²’來éŽçš„好地方,既舒æœåˆæ‚ é–’ï¼Œä¹Ÿè¨±å› ç‚ºæ˜¯éžå‡æ—¥ï¼Œäººä¸å¤šã€å¤©å¾ˆè—。</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here