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/sandstone/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container main"> <div class="alert alert-info" role="alert">本網站內容尚未製作完æˆï¼ŒæŒçºŒæ›´æ–°ä¸ã€‚</div> <!-- Start your code here --> <h1>京都 (Kyoto) <small>景點導覽</small></h1> <p class="lead">京都 (Kyoto) 是日本的ä¸å¿ƒï¼Œæ“有長é”åƒé¤˜å¹´çš„æ·å²ã€‚自794å¹´æ¡“æ¦å¤©çš‡é·éƒ½å¹³å®‰äº¬åˆ°1868å¹´æ±äº¬å¥ 都為æ¢ï¼Œäº¬éƒ½ä¸€ç›´éƒ½æ˜¯æ—¥æœ¬çš„首都。長年的æ·å²ç©æ¾±ä½¿å¾—京都市æ“有相當è±å¯Œçš„æ·å²éºè·¡ï¼Œä¹Ÿæ˜¯æ—¥æœ¬å‚³çµ±æ–‡åŒ–çš„é‡éŽ®ä¹‹ä¸€ã€‚ </p> <div class="row"> <div class="col-sm-4"> <h2 class="text-center">二æ¡åŸŽ</h2> <img src="http://imgur.com/RjDhFeF.jpg" alt="二æ¡åŸŽ" class="img-responsive img-thumbnail" /> <p>在京都的世界éºç”¢è£¡é¢,唯一ä¸æ˜¯ç¥žç¤¾ä½›é–£çš„å³æ˜¯äºŒæ¡åŸŽã€‚賞櫻的有å地方,春天é™å®šæ™‚期有打燈ç«ç…§æ˜Ž,有200æ ªæ«»èŠ±ç››é–‹çš„åºåœ’。院內的清æµåœ’和外城åºåœ’,看的角度ä¸åŒ,就有ä¸åŒçš„變化,園è—技術在世界上å—到éžå¸¸é«˜è©•åƒ¹ã€‚ </p> </div> <div class="col-sm-4"> <h2 class="text-center">ä¼è¦‹ç¨»è·å¤§ç¤¾</h2> <img src="http://imgur.com/yPyPnMu.jpg" alt="ä¼è¦‹ç¨»è·å¤§ç¤¾" class="img-responsive img-thumbnail" /> <p>ä¼è¦‹ç¨»è·å¤§ç¤¾ä¸»è¦æ˜¯ç¥€å¥‰ä»¥å®‡è¿¦ä¹‹å¾¡é‚大神為首的諸ä½ç¨»è·ç¥žï¼Œè‡ªå¤ä»¥ä¾†å°±æ˜¯è¾²æ¥èˆ‡å•†æ¥çš„神明,由於æ¯å¹´éƒ½æœ‰å¤§é‡çš„香客å‰ä¾†ç¥žç¤¾ç¥æ‹œæ±‚å–農作è±æ”¶ã€ç”Ÿæ„興隆ã€äº¤é€šå®‰å…¨ï¼Œä½¿å¾—該神社æˆç‚ºäº¬éƒ½åœ°å€é¦™ç«æœ€ç››çš„神社之一。 </p> </div> <div class="col-sm-4"> <h2 class="text-center">åµå±±</h2> <img src="http://imgur.com/XTsxQwR.jpg" alt="åµå±±" class="img-responsive img-thumbnail" /> <p>ä½æ–¼äº¬éƒ½å¸‚å€ä»¥è¥¿çš„åµå±±è‡ªå¹³å®‰æ™‚代以來就是許多貴æ—的別莊所在地,其å稱經常出ç¾åœ¨æ·å²æ•…事與å¤å…¸æ–‡å¸ä½œå“之ä¸ã€‚由於桂å·æ²³å²¸åœ¨æ¯å¹´æ˜¥å£èˆ‡ç§‹å£éƒ½æœ‰å¤§é¢ç©çš„野生櫻花與楓林å¯è§€è³žï¼Œå› æ¤é•·æœŸä»¥ä¾†ä¹Ÿæ˜¯è§€å…‰æ—…éŠçš„熱門點之一。 </p> </div> <div class="col-sm-4"> <h2 class="text-center">清水寺</h2> <img src="http://imgur.com/OWJZFFY.jpg" alt="清水寺" class="img-responsive img-thumbnail" /> <p>全年超éŽ400è¬äººé€ 訪,為京都最å—æ¡è¿Žçš„觀光地點。懸崖å³å£ä¸Šçš„æ£æ®¿ã€Œæ¸…水的舞å°ã€èƒ½ä¸€æœ›äº¬éƒ½å¸‚街。春天的櫻花和秋天的紅葉å£ç¯€æ™¯è‰²å¯ç¨±æ˜¯çµ•æ™¯ã€‚é€ è¨ªçš„æ™‚é–“é»žä¸åŒ,景色也完全ä¸åŒã€‚ </p> </div> <div class="col-sm-4"> <h2 class="text-center">本願寺 (西本願寺)</h2> <img src="http://imgur.com/WpC1kAK.jpg" alt="本願寺 (西本願寺)" class="img-responsive img-thumbnail" /> <p>豪è¯çµ¢çˆ›çš„å…‰è¼ç‡¦çˆ›è£é£¾,å¾žé ‚æ£šæŽ’åˆ—çº–ç´°çš„é›•åˆ»çš„æœ¬é¡˜å¯ºã€‚ä¸¦æŽ’å»ºç¯‰çš„å¾¡å½±å ‚å’Œé˜¿å½Œé™€å ‚,æ¯é‚Šéƒ½éžå¸¸å·¨å¤§,å¯èƒ½è¢«é‚£å€‹å¨å®¹éœ‡æ’¼åˆ°ã€‚院內被京都市指定為自然ä¿è·åœ°,有樹齡約400年的大銀æ,也值得åƒè§€ã€‚ </p> </div> <div class="col-sm-4"> <h2 class="text-center">京都御所</h2> <img src="http://imgur.com/6b00btj.jpg" alt="京都御所" class="img-responsive img-thumbnail" /> <p>是ä½æ–¼æ—¥æœ¬äº¬éƒ½åºœäº¬éƒ½å¸‚上京å€çš„一座宮殿建築,也曾是日本天皇的居所(皇居),自北æœå˜åœ¨æœŸé–“ã€åˆ°1869å¹´é·éƒ½æ±äº¬å‰çš„æ·ä»£å¤©çš‡çš†å±…ä½æ–¼æ¤ã€‚å稱ä¸çš„「御所ã€åœ¨æ—¥èªžæ˜¯æŒ‡å¤©çš‡æˆ–皇室主è¦æˆå“¡ä¹‹ä½æ‰€ï¼Œç¾äº¦è¢«äº¬éƒ½å¸‚æ°‘åšç‚ºè©²å®®æ®¿çš„簡稱。 </p> </div> </div> </div> <!-- End your code here --> </body> </html>
// Write JavaScript here