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/darkly/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container"> <!-- Start your code here --> <h1>Taiwan<small>高雄市</small></h1> <p class="lead"><strong>高雄市是ä¸è¯æ°‘國的直轄市,ä½æ–¼è‡ºç£è¥¿å—部,由原高雄直轄市與原高雄縣於2010å¹´12月25æ—¥åˆä½µè€Œä¾†ã€‚其轄域æ±åŒ—至ä¸å¤®å±±è„ˆä»¥åŠçŽ‰å±±ä¸»å³°ï¼Œè¥¿å—至å—海上之å—沙太平島ã€ä¸æ´²å³¶ï¼Œä»¥åŠæ±æ²™ç¾¤å³¶ã€‚</strong></p> <blockquote> <p>é †æ™‚é‡æ–¹å‘與<mark>臺å—市</mark>ã€<mark>嘉義縣</mark>ã€<mark>å—投縣</mark>ã€<mark>花蓮縣</mark>ã€<mark>臺æ±ç¸£</mark>ã€<mark>å±æ±ç¸£</mark>ç‰ç¸£å¸‚相鄰。é¢ç©é”2,952平方公里;戶ç±äººå£ç´„278è¬äººï¼Œç‚ºè‡ºç£ç¬¬äºŒå¤§çš„都市。高雄市自19ä¸–ç´€æœ«é–‹æ¸¯ï¼ŒèˆŠç¨±æ‰“ç‹—ï¼Œæ—¥æ²»æ™‚ä»£ç™¼å±•ç‚ºæ¸¯åŸ åŸŽå¸‚èˆ‡è»äº‹è¦åœ°ï¼Œæœ‰ã€Œæ¸¯éƒ½ã€ä¹‹ç¨±ï¼Œä¸¦åœ¨20世紀ä¸è‘‰å¾Œæˆç‚ºè‡ºç£å—部政治ã€ç¶“æ¿ŸåŠäº¤é€šä¸æ¨žã€‚高雄在2012å¹´GaWC的世界級城市排為å¯è‡ªè¶³ç‰ç´šã€‚</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>æ¥ æ¢“å€</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Nanzih_villages2.svg/1024px-Nanzih_villages2.svg.png" alt="æ¥ æ¢“å€" class="img-thumbnail"> <p>æ¥ æ¢“å€ï¼Œæ˜¯å°ç£é«˜é›„市的市轄å€ï¼Œä½æ–¼å¸‚內西å—部ã€å¸‚ä¸å¿ƒåŒ—端,北臨梓官å€ã€æ©‹é å€åŠç‡•å·¢å€ï¼Œæ±é„°ä»æ¦å€ã€å¤§ç¤¾å€ï¼Œè¥¿æ¿±å°ç£æµ·å³½ï¼Œå—接左營å€ã€‚自然ä½ç½®è™•æ–¼å£½å±±ã€åŠå±å±±åŒ—éº“ï¼Œæœ‰æ¥ æ¢“æºªã€å…¸å¯¶æºªã€å¾Œå‹æºªæµç¶“,地勢大致平å¦ï¼Œæ°£å€™å±¬ç†±å¸¶å£é¢¨æ°£å€™ã€‚æ¥ æ¢“å€ç”¢æ¥ä»¥å·¥å•†æ¥ç‚ºä¸»ï¼ŒéŽåŽ»å› ä¸æ²¹è¨ç«‹é«˜é›„ç…‰æ²¹ç¸½å» ä»¥åŠç¶“濟部è¨ç«‹æ¥ æ¢“åŠ å·¥å‡ºå£å€ï¼Œè€Œå¿«é€Ÿå¸¶å‹•æœ¬å€ç¶“濟發展åŠäººå£æµå…¥...</p> </div> <div class="col-sm-4"> <h2>左營å€</h2> <p>左營å€æ˜¯å°ç£é«˜é›„市的市轄å€ï¼Œä½æ–¼å¸‚內西å—部,市ä¸å¿ƒåŒ—方,西濱å°ç£æµ·å³½ï¼Œèˆ‡ä¸‰æ°‘å€ã€é¼“å±±å€ã€æ¥ 梓å€ã€ä»æ¦å€ç›¸é„°ã€‚左營共å¯ä»¥åˆ†ç‚ºèˆŠéƒ¨è½ï¼ˆå·¦ç‡ŸèˆŠéƒ¨è½ã€æ–°åº„仔和èœå…¬åº„)ã€æ–°ç¤¾å€ï¼ˆç¦å±±ã€é«˜éµç‰æ–°å¤§æ¨“å€ï¼‰ã€èˆ‡çœ·æ‘ç‰ä¸‰å¤§å€å¡Šï¼Œå„個å€å¡Šæ–‡åŒ–特色有一定差異性。舊部è½å¤§å¤šæ•¸æ˜¯ä½è‘—明é„時期開發後的居民,以閩å—æ—群為主...</p> </div> <div class="col-sm-4"> <h2>鼓山å€</h2> <p>鼓山å€ç‚ºå°ç£é«˜é›„市一市轄å€ï¼Œä½æ–¼å¸‚內西å—方,市ä¸å¿ƒè¥¿åŒ—方,北臨左營å€ï¼Œæ±é„°ä¸‰æ°‘å€ï¼Œæ±å—連鹽埕å€ï¼Œä¸¦éš”愛河出海å£èˆ‡è‹“é›…å€ç›¸æœ›ï¼Œè¥¿æ¿±å°ç£æµ·å³½ï¼Œå—隔高雄港與旗津å€ã€å‰éŽ®å€ç›¸æœ›ã€‚本å€èƒŒå±±é¢æµ·ï¼Œé™¤å—å´ä¹‹å£½å±±å¤–,全å€åœ°å‹¢å¤§è‡´å¹³å¦ï¼Œæ°£å€™å±¬ç†±å¸¶å£é¢¨æ°£å€™ã€‚產æ¥ä»¥å·¥å•†æ¥ç‚ºä¸»ï¼Œæ¼æ¥ä¹Ÿé —為興盛,觀光資æºäº¦ç›¸ç•¶è±å¯Œï¼Œå€å…§çš„西åç£åŠå£½å±±å‡ç‚ºé —è² ç››å的觀光å‹åœ°ã€‚</p> </div> <div class="col-sm-4"> <h2>三民å€</h2> <p>三民å€ç‚ºå°ç£é«˜é›„市的一個市轄å€ï¼Œä½æ–¼å¸‚ä¸å¿ƒä¸å¤®åœ°å¸¶ï¼Œèˆ‡é¼“å±±å€ã€é¹½åŸ•å€ã€æ–°èˆˆå€ã€å‰é‡‘å€ã€è‹“é›…å€ã€å·¦ç‡Ÿå€ã€é³³å±±å€ã€é³¥æ¾å€ã€ä»æ¦å€ç›¸é„°ï¼Œ2010å¹´åˆä½µå‡æ ¼å‰æ˜¯åŽŸé«˜é›„市人å£æœ€å¤šçš„行政å€ï¼Œç›®å‰å‰‡æ˜¯å…¨å¸‚人å£ç¬¬äºŒå¤šçš„行政å€äººå£ç”šè‡³é‚„比 嘉義市 花蓮縣多。本å€æ©Ÿé—œå¸æ ¡çœ¾å¤šï¼Œäº¤é€šç™¼é”,高雄市最é‡è¦äº¤é€šæ¨žç´ä¹‹ä¸€çš„高雄車站å³ä½æ–¼æ¤ï¼Œæ˜¯å°éµå’Œé«˜é›„æ·é‹çš„éµè·¯è»Šç«™ã€‚</p> </div> <div class="col-sm-4"> <h2>鹽埕å€</h2> <p>鹽埕å€ç‚ºè‡ºç£é«˜é›„市一市轄å€ï¼Œä½æ–¼å¸‚內西å—端,市ä¸å¿ƒä¸å—端,西北é¢èˆ‡é¼“å±±å€æŽ¥å£¤ï¼Œæ±é„°å‰é‡‘å€ã€ä¸‰æ°‘å€ï¼Œæ±å—隔愛河出å£èˆ‡è‹“é›…å€ç›¸æœ›ï¼Œæ˜¯é«˜é›„市é¢ç©æœ€å°çš„行政å€ã€‚ 本å€ä¸»è¦æ˜¯ç”±é«˜é›„æ¸¯å»ºæ¸¯æ™‚çš„æ¸¯åº•æ³¥æ²™å¡«æµ·é€ é™¸è€Œæˆï¼Œåœ°å‹¢å¹³å¦ï¼Œæ°£å€™å±¬ç†±å¸¶å£é¢¨æ°£å€™ï¼Œç”¢æ¥ä»¥å·¥å•†æ¥ç‚ºä¸»ã€‚æ¤å€å¦‚今沒有éŽåŽ»ç¹æ¦®ï¼Œä½†å·²æ¼¸æœ‰å¾©ç”¦è·¡è±¡ã€‚</p> </div> <div class="col-sm-4"> <h2>é³¥æ¾å€</h2> <p>é³¥æ¾å€ä½æ–¼è‡ºç£é«˜é›„市,北鄰ä»æ¦å€ï¼Œæ±é„°å¤§æ¨¹å€ï¼Œå—接鳳山å€ã€å¤§å¯®å€ï¼Œè¥¿é„°ä¸‰æ°‘å€ã€‚è‘—å的觀光景點澄清湖å³ä½æ–¼æœ¬å€ï¼Œä¹Ÿå¸¶å‹•é«˜é›„長庚醫院,以åŠæ£ä¿®ç§‘技大å¸ã€é³¥æ¾æ¿•åœ°å…¬åœ’ã€æ¾„清湖棒çƒå ´ã€åœ“山大飯店ã€é«˜é›„高爾夫çƒå ´åŠçœ¾å¤šå‚¢ä¿±è¡Œçš„è¨ç«‹ã€‚</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here