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-success" role="alert">注æ„! 網é 還沒完æˆ</div> <h1>山脈<small>風景介紹</small></h1> <div class="jumbotron"> <h1>作æ¥</h1> <p>還沒好</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">時代力é‡ï¼Œçµ¦æˆ‘力é‡</a></p> </div> <h2>富士山</h2> <img src="http://assets3.japan-guide.com/page_files/chubu_mount_fuji_2172_01.jpg?1373612410" class="img-responsive" alt="富士山" /> <blockquote> <p class="lead">富士山(Fujisan , Mount Fuji)是日本的象å¾ï¼Œä¹Ÿæ˜¯æ—¥æœ¬æœ€é«˜å³°ï¼Œæµ·æ‹”3,776米。富士山地處éœå²¡ç¸£å’Œå±±æ¢¨ç¸£äº¤ç•Œä¹‹è™•ï¼Œæ˜¯<strong>æ—¥æœ¬å¯Œå£«ç®±æ ¹ä¼Šè±†åœ‹ç«‹å…¬åœ’çš„ä¸å¿ƒåœ°å€</strong>。富士山的éŒåž‹å±±é«”,是典型的ç«å±±å™´ç™¼å¾Œå½¢æˆçš„ç«å±±å²©ï¼Œç”±åŠå³°ã€ç™½å±±å¶½ã€å¤§æ—¥å²³ã€ä¼Šè±†å²³ã€é§’å²³ã€æˆå°±å²³ã€ä¸‰å²³ã€ä¹…é ˆå¿—å²³ç‰â€œ<mark>富士八峰</mark>â€çµ„æˆã€‚富士山自1707年的最後一次噴發至今已經沉ç¡äº†300å¹´ï¼Œå› æ¤å¯Œå£«å±±æ˜¯ä¸€åº§è™•æ–¼ä¼‘çœ æœŸçš„ç«å±±ã€‚</p> </blockquote> <div class="row"> <div class="col-md-4"> <h2>阿里山</h2> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/View_from_Alishan.jpg/350px-View_from_Alishan.jpg" class="img-responsive" alt="阿里山" /> <p>阿里山國家風景å€ä½æ–¼å°ç£å˜‰ç¾©ç¸£æ±éƒ¨ï¼Œæ˜¯ç”±äº¤é€šéƒ¨è§€å…‰å±€è¦åŠƒèˆ‡ç®¡ç†çš„一座國家級風景特定å€ï¼Œè¨ç«‹æ–¼2001年。其範åœæ¶µè“‹äº†ä½æ–¼é˜¿é‡Œå±±é„‰ã€ä»ç”±æž—務局經營管ç†çš„阿里山國家森林éŠæ¨‚å€ï¼Œä¸¦ä¸”擴大至附近的梅山鄉ã€ç«¹å´Žé„‰å’Œç•ªè·¯é„‰ä¸€å¸¶çš„知å風景å€ã€‚</p> </div> <div class="col-md-4"> <h2>陽明山</h2> <img src="http://www.ymsnp.gov.tw/filesys/images/ch/csv/rsc/resource01-01.jpg" class="img-responsive" alt="陽明山" /> <p>陽明山國家公園是å°ç£é›¢éƒ½æœƒå€æœ€è¿‘的一座國家公園,泛指大屯山ã€ä¸ƒæ˜Ÿå±±ã€ç´—帽山ã€å°è§€éŸ³å±±æ‰€æ§‹æˆçš„å±±å€ç¯„åœç›¸ç•¶å»£å¤§ï¼ŒåŒ…括å°åŒ—市士林ã€åŒ—投部份山å€ä»¥åŠæ–°åŒ—市淡水ã€ä¸‰èŠã€çŸ³é–€ã€é‡‘å±±ã€è¬é‡Œç‰é„‰éŽ®å±±å€ï¼Œæµ·æ‹”高度自200公尺至1120公尺範åœä¸ç‰ï¼Œç¸½é¢ç©ç´„11455å…¬é ƒã€‚</p> </div> <div class="col-md-4"> <h2>è–æ¯å³°</h2> <img src="http://2.bp.blogspot.com/-J0Jz9DzdHN4/VjxXyREfLdI/AAAAAAAABPA/v8E5SA772RM/s1600/Highest%2BMountain%2B-%2BMount%2BEverest.jpg" class="img-responsive" alt="è–æ¯å³°" /> <p>æ¯å³°ï¼ŒEverest,高度8848公尺,隸屬喜瑪拉雅山脈,ä½æ–¼å°¼æ³Šçˆ¾èˆ‡ä¸åœ‹è¥¿è—邊界,首登紀錄是1953.05.29由英國隊的希拉瑞(Sir Edmund Hillary,ç´è¥¿è˜äººï¼‰å’Œä¸¹å¢žé›ªå·´ï¼ˆTenzing Norgay Sherpa,尼泊爾)完æˆï¼Œè‡³2009å¹´æ¢ï¼Œç™»é ‚2367人,æ»äº¡211人,æ»äº¡æ¯”8%。</p> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here