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> <div class="container"> <!-- Start your code here --> <h1>阿里山<small>國家風景å€<small><h1> <p class="lead"> 阿里山æ“有<mark>è±å¯Œçš„自然與人文資æºï¼Œæ—¥å‡ºã€é›²æµ·ã€æ£®æž—ã€éµé“以åŠåŽŸä½æ°‘文化</mark>ï¼Œå¡‘é€ å‡ºã€Œ<strong>高山é’ã€æ¾—æ°´è—…</strong>>ã€é€™é¦–耳熟能詳的æŒè¬ è¢«åœ‹å…§å¤–æ—…äººæ‰€å‚³é Œï¼Œä¾†åˆ°é€™è£¡æ—…éŠï¼Œå››å£çš†å¯é«”é©—ä¸åŒçš„樂趣。 </p> <blockquote> 阿里山國家風景å€ç®¡ç†è™•æˆç«‹æ–¼æ°‘國90å¹´7月,轄å€ç¯„åœåŒ…å«å˜‰ç¾©ç¸£æ¢…山鄉ã€ç«¹å´Žé„‰ã€ç•ªè·¯é„‰åŠé˜¿é‡Œå±±é„‰ç‰4個鄉,é¢ç©åˆè¨ˆ41,500å…¬é ƒï¼Œæœ¬è™•è‡ªæˆç«‹ä»¥ä¾†ï¼Œå³è‘—手整åˆé˜¿é‡Œå±±åœ°å€çš„觀光éŠæ†©è³‡æºã€æ”¹å–„早期è€èˆŠæ—…éŠè¨æ–½ï¼Œä¸¦è¦åŠƒå»ºè¨æ–°æ™¯é»žã€æŽ¨å»£ä¸»é¡ŒéŠç¨‹ï¼Œä¸¦ä»¥å¤šé …行銷活動,為阿里山注入新的旅éŠå…ƒç´ ï¼Œä»¥åŠ é€ŸæŽ¨å‹•è§€å…‰ç™¼å±•çš„åŸºç¤Žã€‚ <footer> 阿里山國家風景å€ç®¡ç†è™•è™•é•· </footer> </blockquote> <div class="row"> <div class="col-md-6"> <h2> åƒå³¶æ«» <img src="http://www.ali-nsa.net/images/cnt/1/war_dance02.gif" class="img-thumbnail" alt="responsive image" > </h2> <p>若以花期盛開的時間來推斷,阿里山的櫻花以å°ç£å±±æ«»èŠ±é–‹å¾—最早,從年åˆåˆ°ä¸‰æœˆé–“å°±é€ä¸€ç¶»æ”¾ï¼›ä¸‰æœˆåˆï¼Œç²‰ç´…色的åƒå³¶æ«»ç·ŠæŽ¥è‘—接棒,åƒå³¶æ«»æ˜¯æ—¥ç³»æ«»èŠ±èŠ±æœŸæœ€æ—©çš„å“種,數é‡ä¸å¤šï¼Œä½†å½·å½¿æ˜¯å‰é‡Žæ«»å¤§è»çš„先鋒部隊,é å‘Šå³å°‡ç››é–‹çš„å‰é‡Žæ«»èŠ±æœŸã€‚</p> </div> <div class="col-md-6"> <h2> å‰é‡Žæ«» </h2> <p>數é‡æœ€ç‚ºé¾å¤§çš„å‰é‡Žæ«»ï¼Œæ˜¯èŠ±å£çš„最佳主角,自三月ä¸æ—¬èµ·å«è‹žå¾…放,三月底進入盛開期,有雪白和粉紅兩種花色å“系;èžå的日本ã€è¯ç››é “DC特å€è³žæ«»ï¼Œä¹Ÿæ˜¯ä»¥å‰é‡Žæ«»ç‚ºä¸»ã€‚æ¤åœ°è§€è³žå‰é‡Žæ«»çš„地點,主è¦é›†ä¸åœ¨é˜¿é‡Œå±±æ´¾å‡ºæ‰€åŠé˜¿é‡Œå±±è³“館å‰æ–¹ã€‚接續開花的是富士櫻åŠå…«é‡æ«»ï¼›å¾Œè€…,åˆç¨±ç‰¡ä¸¹æ«»ï¼ŒåŽŸç”¢æ—¥æœ¬ï¼ŒèŠ±æœµå¤§ï¼Œå…¶èŠ±ç“£å¤šé‡ï¼Œç¶“常數朵一起綻放。</p> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here