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>呢?</p> <blockquote> <p>TravelKingæ—…éŠçŽ‹ç¶²ç¾…å…¨å°å¤œå¸‚資訊,並åƒè€ƒç¾Žé£Ÿå¤–景節目與網å‹æŽ¨è–¦çš„熱門夜市,為您推出「2015æ—…éŠçŽ‹ç²¾é¸å大夜市ã€ï¼å®ƒå€‘皆具備高人氣ã€è±å¯Œæ”¤å•†çš„特點,且å„自æ“有ç¨ç‰¹ç¾Žé£Ÿæˆ–特殊的經營型態,就ç‰æ‚¨è¦ªè‡ªåŽ»é«”é©—ï¼ </p> </blockquote> <div class="jumbotron"> <h1>GG</h1> <p>夜市一日éŠ</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">點我</a></p> </div> <div class="row"> <div class="col-sm-4"> <h2>花園夜市 <small>第一å</small></h2> <p>ä½æ–¼å°å—市北å€ï¼Œæœ‰è‘—å—部最大夜市之稱,也是å°å—地å€çš„指標性夜市。還被票é¸ç‚ºå¿ƒç›®ä¸æœ€å—æ¡è¿Žçš„夜市,å—é‡è¦–的程度å¯æƒ³è€ŒçŸ¥ã€‚花園夜市原ä½æ–¼è‚²å¾·è·¯é•·é”å…å¹´çš„æ™‚é–“ï¼Œå¾Œå› ç§Ÿç´„åˆ°æœŸï¼Œè€Œé·ç§»è‡³ç¾åœ¨çš„ä½ç½®ã€Œé„仔寮é‡åŠƒå€ã€å…§ï¼Œåœ¨ç¶“éŽé‡æ–°è¦åŠƒä¹‹ä¸‹ï¼Œæ“´å¤§è¦æ¨¡çš„花園夜市é‡æ–°å‡ºç™¼ã€‚ 花園夜市特色 å°å—夜市最大特色,就是...</p> </div> <img src="https://s3.yimg.com/lo/api/res/1.2/0k1IivxrWP6l49xtyJyTeA--/YXBwaWQ9eXR3ZnBhZ2U7dz01NjA7cXVhbGl0eT03NTtzbT0x/http://media.zenfs.com/zh-Hant-TW/homerun/tw-travel.taipeiwalker.com.tw/ead0aa6744170c0a6ee9439ca4395690" alt="花園夜市" title="花園夜市" class="img-circle" > <div class="col-sm-4"> <h2>逢甲夜市</h2> <p>逢甲夜市ä½æ–¼å°ä¸å¸‚西屯å€ä»¥æ–‡è¯è·¯ã€ç¦æ˜Ÿè·¯ã€é€¢ç”²è·¯ç‚ºä¸»ï¼Œæ˜¯å…¨å°ç£æœ€å¤§ä¸”è‘—å的觀光夜市,逢甲夜市的消費以『俗擱大碗ã€ç‚ºæœ€å¸å¼•å„路愛好夜市的民眾,若é‡å‡æ—¥å…¶äººæ½®æ›´æ˜¯è®“逢甲夜市主幹é“塞得水泄ä¸é€šï¼›é€¢ç”²å¤œå¸‚以新奇åˆæœ‰è¶£çš„å°åƒèžå,æˆç‚ºå‰µæ–°å°åƒçš„原始地,例如逢甲四åˆä¸€ã€èœ‚蜜檸檬蘆薈ã€å¯éº—餅ã€èƒ¡æ¤’餅ç‰ç‰ï¼Œéƒ½æ˜¯...</p> </div> <div class="col-sm-4"> <h2>士林夜市</h2> <p>士林夜市ä½æ–¼å°åŒ—市士林å€ï¼Œæ¤åœ°åŽŸæ˜¯é 近基隆河的渡å£ï¼Œå¾žå£«æž—的農產å“到艋舺ã€å¤§ç¨»åŸ•çš„貨物都在這裡交易,1909å¹´è¨ç«‹å£«æž—å¸‚å ´ä¸€ç›´ç™¼å±•è‡³ä»Šã€‚å£«æž—å¤œå¸‚æ˜¯å°åŒ—地å€æœ€å…·è¦æ¨¡çš„夜市之一,士林夜市å¯åˆ†å…©å¤§éƒ¨åˆ†ï¼šä¸€æ˜¯æ·é‹ç«™å°é¢çš„臨時集ä¸å¸‚å ´ï¼Œæ–¼2005å¹´11月24號æ£å¼å•Ÿç”¨ï¼Œç”±æ–¼é€šé¢¨ã€è¡›ç”Ÿã€ç’°å¢ƒã€å…¬å…±å®‰å…¨ç‰å•é¡Œ...</p> </div> <div class="col-sm-4"> <h2>ç¾…æ±å¤œå¸‚</h2> <p>ç¾…æ±å¤œå¸‚ä½æ–¼å®œè˜ç¸£ç¾…æ±éŽ®ï¼Œç¯„åœæ“´åŠæ°‘生路ã€æ°‘權路ã€å…¬åœ’è·¯ã€èˆˆæ±è·¯ï¼Œæ˜¯åœ¨åœ°äººæ–¼ç¾…æ±å¸‚å€é€›è¡—玩樂的好去處周åœå•†åº—林立;羅æ±å¤œå¸‚由民生路ã€æ°‘權路ã€å…¬åœ’è·¯ã€èˆˆæ±è·¯åœæˆæ–¹å¡Šç‹€ï¼Œæ˜¯ç•¶åœ°é€›è¡—購物的ä¸å¿ƒï¼Œå¸¶å‹•äº†å‘¨åœå•†åœˆçš„發展;羅æ±å¤œå¸‚販賣å„種傳統風味的å°åƒã€å•†å“,平價æœé£¾åº—ã€éž‹åº—ã€å°åƒåº—ç‰ï¼Œé‚„有é¾é³³è…¿ã€å°ç£é¹¹æ»·...</p> </div> <div class="col-sm-4"> <h2>å…åˆå¤œå¸‚</h2> <p>å…åˆå¤œå¸‚ä½æ–¼é«˜é›„市,å…åˆå¤œå¸‚è·é«˜é›„ç«è»Šç«™ç´„å幾分é˜è·¯ç¨‹ï¼Œæ²¿ä¸å±±è·¯ç›´è¡Œå¾Œå³è½‰è‡³å…åˆè·¯å³å¯åˆ°é”。白天這裡是ç†ç›´çš„大馬路,入夜後車水馬é¾ç†±é¬§éžå‡¡ï¼Œå„種本地å¯å£ç¾Žé£Ÿç³ç…æ»¿ç›®ï¼Œç¶“æ¿Ÿå¯¦æƒ åœ‹å…§å¤–è§€å…‰å®¢å‡æ…•å而來,知ååº¦é —é«˜ï¼Œå·²è¢«åˆ—ç‚ºè§€å…‰å¤œå¸‚ã€‚ å…åˆå¤œå¸‚çš„å¥½å‘³é“ åœ¨è¥¿å…ƒ1950å¹´ä½æ–¼ç¾åœ¨é«˜é›„市新興å€å¤§æ¸¯åŸ”附...</p> </div> <div class="col-sm-4"> <h2>基隆廟å£å¤œå¸‚</h2> <p>基隆廟å£ä½æ–¼åŸºéš†å¸‚ä»æ„›å€çš„ç²¾è¯åœ°å¸¶ï¼Œè€Œä¸”鄰近基隆ç«è»Šç«™ï¼Œäº¤é€šå分方便;基隆廟å£ç¶“éŽæ•¸å年的演變,ä¸åƒ…æ¯å€‹æ”¤ä½éƒ½æœ‰æŒ‰é †åºç·¨è™Ÿï¼Œä¸”有統一的招牌,有統一的è¦åŠƒç®¡ç†ï¼Œä½¿åŸºéš†å»Ÿå£æˆç‚ºåŸºéš†çš„代å詞,使得基隆市更具觀光價值。 基隆廟å£ï¼å¥ æ¿Ÿå®® 基隆廟å£çš„å°åƒæœ€æ—©å¯æº¯æºè‡³æ—¥æ“šæ™‚代,而今日『廟å£ã€å·²æˆç‚ºçœ¾æ‰€å‘¨...</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; text-shadow: 2px 2px 4px #333333; }
// Write JavaScript here