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"> 今天的DailyView網路溫度計就為您整ç†å‡ºäººæ°£æœ€é«˜ã€æœ€å—æ¡è¿Žçš„å大動物明星,快跟著我們一起èªè˜é€™äº›æ—¢å¯æ„›åˆç™‚癒,還èŒæ»äººä¸å„Ÿå‘½çš„<mark>å¯æ„›å‹•ç‰©å€‘å§ï¼</mark></p> <blockquote> <p>å‰æ®µæ™‚é–“å‹•ç‰©æ–¹åŸŽå¸‚çš„ä¸Šæ˜ ï¼Œé¢³èµ·äº†ä¸€é™£å‹•ç‰©ç†±ï¼Œç¶²å‹å€‘紛紛表示被劇ä¸çš„動物們èŒçš„暈é 轉å‘ã€ç„¡æ³•è‡ªæ‹”å•Šï¼ ä¸éŽå‘¢ï¼Œåœ¨ç¾å¯¦ç”Ÿæ´»ä¸ï¼Œé™¤äº†å®¶è£¡çš„貓貓狗狗外,其實在我們的動物園內也有很多å„具特色的動物明星,ç‰è‘—æˆ‘å€‘ä¸€èµ·åŽ»é€ è¨ªä»–å€‘ï¼ </p> </blockquote> <div class="jumbotron"> <h1>動物å¯æ„›</h1> <p>å¯æ„›åˆ°çˆ†</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">:D</a></p> </div> <div class="row"> <div class="col-sm-4"> <h2>å°åŒ—動物園 團團圓圓 <small>第一å</small></h2> <img src="http://dailyview.tw/Content/Upload/ThemeImages/2016-04/6a987eeb-2ce7-4978-9a3f-59edf0c8fecf.jpg" alt="團團圓圓" class="img-rounded"> <p>榮登第一åçš„ï¼Œç•¶ç„¶å°±æ˜¯å±•å ´éš¨æ™‚éƒ½çˆ†æ»¿ã€ä¸€èˆ‰ä¸€å‹•éƒ½è¶…殺底片ã€é—œæ³¨åº¦è¶…高的團團ã€åœ“圓跟圓仔這一家三å£ï¼ 大大毛茸茸的身體,懶散的個性,é…上é‡é‡çš„黑眼圈,熊貓們就是有本事連åƒå€‹é£¯ã€ç¿»å€‹èº«éƒ½è®“ä½ å°–å«é€£é€£ï¼ é€™ä¹Ÿé›£æ€ªå¤§å®¶éƒ½æœŸå¾…åœ˜åœ˜åœ“åœ“ç¹¼çºŒåŠ æ²¹ï¼Œèƒ½ç”Ÿå‡ºæ›´å¤šå¯æ„›çš„ç†Šè²“å¯¶å¯¶å•¦ï¼ çœ‹å®Œäº†å大動物明星,除了記得去拜訪他們,溫度計æ醒大家:我們也è¦æ›´æ³¨æ„ç’°ä¿ï¼Œæ‰èƒ½è®“é€™äº›ç¾Žéº—çš„ç”Ÿå‘½èƒ½å¤ æ°¸é å˜çºŒä¸‹åŽ»å–”ï¼</p> </div> <div class="col-sm-4"> <h2>壽山動物園 波比</h2> <img src="http://dailyview.tw/Content/Upload/ThemeImages/2016-04/98ae9ba7-6415-49c5-ac6f-61103113b53a.jpg" alt="波比" class="img-rounded" > <p>今年åˆæœ€æœ‰è¶£çš„æ–°èžï¼ŒèŽ«æ•¸éŠå®¢åœ¨å£½å±±å‹•ç‰©åœ’看到站37æ¥è¶…åƒäººé¡žçš„黑熊,影發了工讀生å‡æ‰®çš„è³ªç–‘ï¼Œé‚„å¼•ä¾†èŠ±åª½å¸‚é•·åœ¨è‡‰æ›¸ä¸Šå…¬é–‹æ¾„æ¸…çš„é»‘ç†Šé¢¨æ³¢å•¦ï¼ è€Œæ•…äº‹çš„ä¸»è§’ã€Œæ³¢æ¯”ã€çš„äººæ°£ç•¶ç„¶ä¹Ÿå°±å› æ¤è·Ÿè‘—水漲船高啦ï¼ä¸éŽç§‘普一下,其實所有的黑熊都是有能力站立的,而且波比為了尋找ä¿è‚²å“¡è€Œç«™ç«‹é€™éº¼ä¹…ï¼Œæ˜¯å› åœ’æ–¹æ‚‰å¿ƒç…§æ–™ï¼Œè®“æ³¢æ¯”å¾ˆæœ‰å®‰å…¨æ„Ÿã€è·Ÿä¿è‚²å“¡æ„Ÿæƒ…深厚的體ç¾å–”ï¼</p> </div> <div class="col-sm-4"> <h2>å°åŒ—動物園 寶寶</h2> <img src="http://dailyview.tw/Content/Upload/ThemeImages/2016-04/0ae2196d-8d3d-4a73-8cce-85d3dbf51dc8.jpg" alt="寶寶" class="img-rounded"> <p>沒錯ï¼æ•´å€‹æ¦œå–®ã€ç”šè‡³æ˜¯æ•´å€‹å°åŒ—市立動物園最具有åå·®èŒçš„動物明星,肯定就是咱們31æ²çš„黃金單身漢-金剛猩猩「寶寶ã€å•¦ï¼æœ‰è‘—這麼嬌嫩的åå—,但身æéæ¦ã€å¨é¢¨å‡œå‡œå……滿男性é…力的他,果然也有喜æ¡è£èŒã€å’Œä¿è‚²å“¡æº«é¦¨äº’動的一é¢ã€‚ 但在黑皮爺爺éŽä¸–後,寶寶一直都是å¤å–®ä¸€äººï¼Œå¸Œæœ›åœ’方能趕快幫寶寶討個好è€å©†ï¼Œä¸ç„¶å¯¶å¯¶æ»¿èº«çš„男性é…力ä¸å°±ç„¡ç”¨æ¦ä¹‹åœ°äº†å˜›ï¼Ÿ..</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; text-shadow: 2px 2px 4px #333333; }
// Write JavaScript here