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> <!-- Start your code here --> <div class="container"> <h1>æ¯æ—¥ä¸€ç¬‘<small>笑話的宗旨</small></h1> <blockquote> <p class="lead">講引人發笑的話或故事。 é–‹çŽ©ç¬‘ã€‚å¦‚ï¼šä»–æ˜¯åœ¨è·Ÿä½ èªªç¬‘è©±ï¼Œä½ æ€Žä¹ˆå°±ç•¶çœŸäº†å‘¢ï¼Ÿ</p> </blockquote> <div class="row"> <div class="col-md-4"> <h2>æ¯æ—¥ç¬‘話1<small>æ¯ç‰›è¢«æ“„走了之後</small></h2> <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSo1UGhjLN-mP1GLX54hLoBQk6lDAqzA481uR6ByB6Tw0vsS206ng" alt="æžç¬‘圖片" class="img-recponsive"/> <p class=""> 有一天,有個商人帶著一é æ¯ç‰›è·Ÿä¸€é å°ç‰›è¦åŽ»åšç”Ÿæ„。 走到一個強盜出沒的地方, 這時他心ç†å°±æƒ³è‘—:哪來那麼多強盜,就算有也沒那麼容易é‡åˆ°ï¼Žï¼Žï¼Ž åå好æ»ä¸æ»ï¼Œå¼·ç›œå‡ºç¾äº†ï¼Žï¼Žï¼Ž 強盜把他身上所有財物跟衣æœå…¨éƒ¨æ‰’光,並且把æ¯ç‰›å¸¶èµ°ï¼Œåªç•™ä¸‹æ²’用的å°ç‰›ï¼Œ ç‚ºäº†æ€•ä»–åŽ»å ±å®˜å…µï¼Œé‚„æŠŠä»–ç¶åœ¨æ¨¹ä¸Šã€‚ éŽäº†å…©å¤©ï¼Žï¼Žï¼Ž 終於有人路éŽï¼Œä¸¦ä¸”放了他... 他一被鬆繩,就拿起éžåå¾€å°ç‰›èº«ä¸ŠçŒ›æŠ½ï¼Žï¼Žï¼Ž 路人甲:好了好了,就算æ±è¥¿è¢«æ¶ï¼Œæ¯ç‰›è¢«å¸¶èµ°ï¼Œä¹Ÿä¸ç”¨æ‹¿å°ç‰›å‡ºæ°£å§ï¼Žï¼Ž 商人:ä¸æ˜¯å•¦ï¼Œæˆ‘被ç¶èµ·ä¾†çš„時候,我跟他說我ä¸æ˜¯æ¯ç‰›æˆ‘ä¸æ˜¯æ¯ç‰›ï¼Žï¼Žï¼Žç‰ 還一直 å¸ï¼Žï¼Žï¼Ž </p></div> <div class="col-md-4"> <h2>æ¯æ—¥ç¬‘話2<small>鬼éˆç²¾å“¡å·¥</small></h2> <img src="http://s6.gigacircle.com/media/s6_53c2cde0f13d5.jpg" alt="æžç¬‘圖片" class="img-recponsive"/> <p class=""> 總經ç†å‡ºåœ‹è€ƒå¯Ÿï¼Œè‡¨æ™‚打到公å¸äº¤ä»£äº‹æƒ…, ä¸å·§æŽ¥åˆ°é›»è©±çš„是å°æ˜Žåœ¨æ‘¸éšï¼Žï¼Žï¼Ž å°æ˜Žå›žç”:抱æ‰æˆ‘在跟我女朋å‹è¬›è©±ï¼Œè«‹ä½ 待會å†æ‰“ 總經ç†å•:ä½ çŸ¥é“我是誰嗎?我是總經ç†! å°æ˜Žä¹Ÿå›ž:那麼,ä½ çŸ¥é“我是誰嗎? 總經ç†:ä¸çŸ¥é“ å°æ˜Ž:那就沒關係了... </p></div> <div class="col-md-4"> <h2>æ¯æ—¥ç¬‘話3<small>伯伯去看醫生</small></h2> <img src="http://pic.pimg.tw/jabox1234/1210039055.jpg" alt="æžç¬‘圖片" class="img-recponsive"/> <p class=""> 一天伯伯來到醫院伯伯跟醫生說:醫生我最近è½åŠ›ä¸æ˜¯å¾ˆå¥½ï¼Œé€£æˆ‘放å±éƒ½è½ä¸è¦‹ 醫生說:å¥½æˆ‘å¹«ä½ é–‹è—¥!!! 伯伯說:åƒäº†æˆ‘è½åŠ›æœƒå¾ˆå¥½å—Ž??? 醫生說:ä¸æœƒæœƒè®“ä½ çš„å±æ”¾çš„更大è²!!! </p></div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here