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/slate/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container"> <!-- Start your code here --> <h1>å°ç£çš„夜市 <small>美食ㄉèšé›†åœ°</small></h1> </div> <div class="alert alert-info" role="alert">喵喵喵喵喵喵喵喵喵喵喵~</div> <p class="lead"><mark>夜市</mark>為主è¦æ–¼å¤œé–“åšè²·è³£çš„å¸‚å ´ï¼Œå¯èƒ½è²©å”®<strong>飲食ã€æœé£¾ã€é›œè²¨ã€éŠæˆ²</strong>ç‰ã€‚和生活æ¯æ¯ç›¸é—œã€‚夜市常是熱帶ã€äºžç†±å¸¶åœ‹å®¶çš„é‡è¦è§€å…‰æ™¯é»žï¼›åœ¨é¦™æ¸¯ã€è‡ºç£ã€æ±å—亞ç‰åœ°æ˜¯åº¶æ°‘生活文化的é‡è¦ä»£è¡¨ä¹‹ä¸€ã€‚</p> <blockquote> <p>多數臺ç£å¤œå¸‚皆åŒæ™‚具備以上多種商å“,使得夜市æˆç‚ºåº¶æ°‘生活密ä¸å¯åˆ†çš„一部分ã€å¤œç”Ÿæ´»å¦ä¸€é¸æ“‡ã€‚</p> </blockquote> <!-- End your code here --> </div> <div class="jumbotron"> <h1>åŠ å…¥æœ€æ„›</h1> <p></p> <p><a class="glyphicon glyphicon-star btn-lg" href="#" role="button">åŠ å…¥æœ€æ„›</a> </p> </div> <div class="row"> <div class="col-sm-4"> <h2>ç‘žè±å¤œå¸‚</h2> <img src="https://lh5.googleusercontent.com/-xCqDdFMFM60/UNMcOHpMdAI/AAAAAAAAB8M/HflKV0aqkKA/s740/15.jpg" class="img-responsive img-rounded" alt="ç‘žè±å¤œå¸‚"> <p>ç‘žè±å¤œå¸‚,ä½æ–¼é«˜é›„市左營å€è£•èª è·¯ã€å—å±è·¯åŠæ±é–€è·¯ä¸€å¸¶ã€‚隔著å—å±è·¯èˆ‡ä¸‰æ°‘家商相望,並緊鄰著高雄巨蛋商圈,該處亦為北高雄ç¹æ¦®ä¹‹åœ°ã€‚ç‘žè±å¤œå¸‚於週二ã€é€±å››ã€é€±äº”ã€é€±å…åŠé€±æ—¥ç‡Ÿæ¥ï¼Œæ¯é€¢é€±ä¸€åŠé€±ä¸‰ä¼‘市。</p> </div> <div class="col-sm-4"> <h2>å…åˆå¤œå¸‚</h2> <img src="https://lh5.googleusercontent.com/-xCqDdFMFM60/UNMcOHpMdAI/AAAAAAAAB8M/HflKV0aqkKA/s740/15.jpg" class="img-responsive img-rounded" alt="ç‘žè±å¤œå¸‚"> <p>å…åˆåœ‹éš›è§€å…‰å¤œå¸‚(英文:Liuohe Tourist Night Market,通常簡稱:å…åˆå¤œå¸‚),是å—臺ç£æœ€æ—©çš„行人徒æ¥å€å’Œåœ‹éš›ç´šè§€å…‰å¤œå¸‚,其å‰èº«ç‚ºå¤§æ¸¯åŸ”夜市。興起於1940年代末期至1950年代åˆæœŸï¼Œä»¥é«˜é†«é†«é™¢å‰èº«çš„原高醫å…åˆé–€è¨ºéƒ¨ç‚ºä¸å¿ƒï¼Œèšé›†æ–¼è‡ºç£é«˜é›„市大港埔空地上的å°åƒæ”¤ï¼Œå列高雄最具代表性的夜市。自1987年起,高雄市政府æ¯å¤©å‚晚å…時至清晨二時è¦åŠƒå…åˆå¤œå¸‚為行人徒æ¥å€ï¼Œå¾žæ¤å…åˆå¤œå¸‚開始é‚入知å的觀光夜市。å°ç£å大觀光夜市網路投票,在交通部觀光局「2010年特色夜市é¸æ‹”活動ã€ä¸ï¼Œé«˜é›„å…åˆå¤œå¸‚拿下網路票é¸ã€Œè‡ºç£äººæ°£ç¬¬1åã€æœ€ç’°ä¿ã€æœ€å‹å–„ã€æœ€æœ‰é…力ã€æœ€å¥½é€›çš„夜市ã€5é …å† è»ï¼Œè©•å¯©æ±ºé¸æ‹¿ä¸‹ã€Œæœ€æœ‰é…力夜市ã€é 銜。</p> </div> <div class="col-sm-4"> <h2>金鑽觀光夜市</h2> <img src="http://library.taiwanschoolnet.org/cyberfair2015/boss012400/Downloads/DSC01447.JPG" alt="金鑽觀光夜市" class="img-responsive img-rounded"> <p>大高雄金鑽觀光夜市(官方英語å稱:Jin-Zuan Night Market),簡稱金鑽觀光夜市或金鑽夜市,ä½æ–¼è‡ºç£é«˜é›„市å‰éŽ®å€å‡±æ—‹å››è·¯ä¸Šçš„夜市,鄰近ä¸å±±è·¯å£ï¼Œä½ç½®ç‚ºå·²åœæ¥çš„水上éŠæ¨‚園布é¯æ¨‚è°·çš„å€ï¼Œå…§éƒ¨å†åˆ†ç‚ºã€Œå¤§é«˜é›„夜市ã€å’Œã€Œé‡‘鑽夜市ã€å…©å€[1],並與凱旋國際觀光夜市[2]相鄰,營æ¥æ—¥ç‚ºæ¯é€±äºŒã€é€±å››ã€é€±äº”ã€é€±å…åŠé€±æ—¥ï¼Œæ¯é€¢é€±ä¸€åŠé€±ä¸‰ä¼‘市。</p> </div> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here