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"> <div class="alert alert-info" role="alert">本網站內容尚未製作完æˆï¼Œé 計在 11/7 æ—¥æ£å¼æŽ¨å‡ºã€‚</div> <!-- Start your code here --> <h1>高雄五大景點 <small>æ—…éŠæŒ‡å—</small></h1> <p class="lead">2015高雄æŒçºŒé€²æ¥çš„一年,翻轉高雄ä¸åŒçš„é¢è²Œï¼Œæœ‰åœ°æ–¹æ–‡åŒ–特色ã€è¨è¨ˆæ€§çš„ã€æ·å²æ€§çš„景點,文化和觀光共åŒé€£ç·šï¼Œåœ¨2015年安排å‡æ—¥é€£å‡æ—…行,å°ç·¨èµ°è¨ªæ•´ç†äº”大景點æ供給大家:</p> <div class="row"> <div class="col-xs-4"> <img src="http://filedisk.talk.tw/Editor/242/Media/MyMedia21820150208183834.jpg" alt="高雄市心圖書館總館" height="200" width="200"> <h2>高雄市心圖書館總館 <small>ï¼å…¨å°ç£æœ€ç¾Žçš„圖書館</small></h2> <p>高雄圖書館總館ä½æ–¼ã€Œäºžæ´²æ–°ç£å€ã€ï¼Œå»ºç¯‰å¤–觀有如æ¯è¦ªçš„ç 寶盒,ç 寶盒內收è—著,è±å¯Œçš„文化內涵知è˜ï¼Œå»ºç¯‰çš„景觀å°ä¸Šï¼Œçµåˆç¯€èƒ½æ¸›ç¢³çš„概念,種æ¤ç¶ 色æ¤ç‰©ï¼Œä½¿ç”¨é®é™½å£éš”熱的å±éšœï¼Œé›¨å¤©æœ‰å°ˆé–€æ”¶é›†é›¨æ°´çš„管線,冬暖å¤æ¶¼çš„建築è¨è¨ˆï¼Œå¤œé–“建築外打光更å¸å¼•æ°‘眾眼光注æ„。</p> </div> <div class="col-xs-4"> <img src="http://filedisk.talk.tw/Editor/242/Media/MyMedia01920150208214433.jpg" alt="85大樓" height="200" width="200"> <h2>85大樓 <small>ï¼é«˜é›„最具指標性的建築物</small></h2> <p>85大樓一直是為高雄標的主è¦å»ºç¯‰ç‰©ï¼Œä¸éŽè¿‘年來æˆç‚ºå¤–國觀光客挑é¸é£¯åº—首é¸ï¼Œç”±æ–¼åœ°é»žäº¤é€šä¾†å¾€æ–¹ä¾¿ï¼Œå±…ä½çš„飯店視野é¼é—Šï¼Œå¤œæ™šå¯ä»¥çœ‹åˆ°å¤¢æ™‚代摩天輪åŠæ„›æ²³å¤œæ™¯ã€‚</p> </div> <div class="col-xs-4"> <img src="http://filedisk.talk.tw/22/Media/TalkMedia16420150208182310.jpg" alt="大æ±æ–‡åŒ–ä¸å¿ƒ" height="200" width="200"> <h2>大æ±æ–‡åŒ–ä¸å¿ƒ <small>ï¼å…¨å°æœ€ç¾Žçš„è—術文化ä¸å¿ƒ</small></h2> <p>è‡ªå¾žé–‹å¹•å¾ŒåŠ ä¸ŠçŸ¥åè—人蔡ä¾æž—,在æ¤æ‹æ”éŸ³æ¨‚ç¶ å½±å¸¶å¾Œï¼Œå¤§æ±è—è¡“ä¸å¿ƒçš„åŠæˆ¶å¤–è–„è†œå±‹é ‚å»ºç¯‰è¨è¨ˆï¼Œæˆç‚ºé³³å±±å€æœ€å¤¯çš„景點,æ·é‹å‡ºå£æŠµé”方便。è—è¡“ä¸å¿ƒæ¶µè“‹åŠæˆ¶å¤–åŠ‡å ´åŠ800ä½å¤šåŠŸèƒ½æ¼”è—廳,展覽館ã€æ¼”è—廳ã€è—術教育ä¸å¿ƒã€åœ–書館四棟建築,æ¯æœˆå‡æ—¥å®‰æŽ’許多活動,æ供給高雄市民åƒåŠ 。</p> </div> <div class="col-xs-4"> <img src="http://filedisk.talk.tw/Editor/242/Media/MyMedia23220150208183816.jpg" alt="高雄展覽館" height="200" width="200"> <h2>高雄展覽館 <small>ï¼äºžæ´²æ–°ç£å€æœ€æœ‰å‰µæ„的建築物</small></h2> <p>ä½æ–¼äºžæ´²æ–°å½Žå€é„°è¿‘新光碼é ,建築外以海浪波浪曲線è¨è¨ˆï¼Œéžå¸¸å¸å¼•äººæ³¨æ„ã€‚å±•å ´ç©ºé–“æ供活動展覽,還有會è°ä¸å¿ƒã€æˆ¶å¤–å±•å ´ï¼Œå¸Œæœ›æœªä¾†é‚„æœ‰ä¸éŒ¯çš„展覽,能æŒçºŒçš„這æ¤è¦½å±•ï¼Œå¸å¼•æ›´å¤šçš„å» å•†ä¾†æ¤è¾¦å±•ã€‚</p> </div> <div class="col-xs-4"> <img src="http://filedisk.talk.tw/Editor/242/Media/MyMedia18920150208183755.jpg" alt="城市光廊" height="200" width="200"> <h2>城市光廊 <small>ï¼ä¸å°‘大型è—è¡“å“在新城市光廊</small></h2> <p>曾經滿滿的人潮ä¸æ–·ï¼Œè—è¡“å“æˆåŠŸé»žç¶´é«˜é›„的夜晚街é“,後來經éŽåœ°æ–¹æ”¿åºœç¶“營ä¸å¦¥ï¼Œè½‰æ‰‹å¥½å¹¾å€‹ç¶“營模å¼ã€‚在2014城市光廊æˆåŠŸç…¥ç„¶ä¸€æ–°ï¼Œçœ‹åˆ°æ–°çš„è—è¡“å“在å„個地å€è§’è½ï¼Œæ—©ä¸ŠåŠæ™šä¸Šå®Œå…¨æ˜¯ä¸åŒé¢è²Œã€‚</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; text-shadow: 2px 2px 4px #333333; }
// Write JavaScript here