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> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <!-- Start your code here --> <p class="lw"> The Forest(森林)</p> <h1>森林The Forest生å˜æ‰‹å†ŠæŠ€èƒ½å’Œå»ºç¯‰ç‰©ç¨®é¡žè©³ç´°ä»‹ç´¹:</h1> <h2>éŠæˆ²ä¸çŽ©å®¶å°‡æ‰®æ¼”失事飛機的倖å˜è€…,來到了一個神秘的森林,如何生å˜å°±æˆäº†ä¸€å¤§é›£é¡Œã€‚ 玩家的背包裡å¯ä»¥å˜æ”¾éžå¸¸å¤šçš„æ±è¥¿ï¼Œå…¶ä¸æœ‰ä¸€æœ¬ç”Ÿå˜æ‰‹å†Šã€‚<h2> <img src="https://p2.bahamut.com.tw/WIKI/09/00287109.JPG"class="img-responsive" alt="responsive image"> <h3>首先第一æ¥å°±æ˜¯å¦‚何æ建é¿é›£æ‰€ï¼š</h3> <h4>é¿é›£æ‰€å¯ä»¥ç”¨ä¾†ä¼‘æ¯æ¢å¾©é«”力,還å¯ä»¥ç”¨ä¾†èº²é¿æ•µäººï¼Œå¯ä»¥ä¿å˜éŠæˆ²é€²åº¦ï¼Œæ›´å¤§çš„é¿é›£æ‰€é‚„å¯ä»¥ç”¨ä¾†ç•¶å˜å„²å®¤ã€‚</h4> <img src="https://p2.bahamut.com.tw/WIKI/10/00287110.JPG"class="img-responsive" alt="responsive image"> <h5>æ建é¿é›£æ‰€éœ€æ¨¹æžã€çŸ³é 和原木。目å‰æœ‰ä¸‰ç¨®é¿é›£æ‰€ï¼Œè‡¨æ™‚é¿é›£æ‰€ã€ç‹©çµä½æ‰€ã€å°æœ¨å±‹ã€‚往後還å¯ä»¥å»ºé€ 大營地,來低於變異人的入侵。</h5>> <img src="https://p2.bahamut.com.tw/WIKI/11/00287111.JPG"class="img-responsive"alt="responsive image"> <h6>å†ä¾†å°±æ˜¯å®šåˆ¶å»ºç¯‰ï¼Œæ¯”如普通的木牆,防禦牆,帶有門的木牆以åŠæœ‰çª—戶å¯ä»¥è§€å¯Ÿå¤–部的木牆。這些都需è¦å¾ˆå¤šåŽŸæœ¨ä¾†å»ºé€ ,所以有必è¦å»ºé€ 一個原木å˜å„²è£ç½®ã€‚</h6> <img src="https://p2.bahamut.com.tw/WIKI/12/00287112.JPG"class="img-responsive"alt="responsive image"> <h7>家具測試版ä¸æš«æ™‚還沒有。我們來看看陷阱,用來æ•æ‰æ•µäººçš„è£ç½®ã€‚ç›®å‰æœ‰3種陷阱,åå—èµ·å¾—éžå¸¸æœ‰è¶£ï¼Œç¬¬ä¸€ç¨®å¢œç‰©é™·é˜±ã€ç¬¬äºŒç¨®ç”Ÿæ—¥å¿«æ¨‚陷阱(把敵人紮æˆé¦¬èœ‚窩)ã€ç¬¬ä¸‰ç¨®æŸç¸›é™·é˜±ï¼ˆå°‡æ•µäººåŠèµ·ä¾†ï¼‰ã€‚</h7> <img src="https://p2.bahamut.com.tw/WIKI/22/00287122.JPG"class="img-responsive"alt="responsive image"> <!-- End your code here --> </body> </html>
.lw { font-size: 50px;} h1{font-size: 10px; color: blue ; } h2 {font-size: 20px;} h3 {font-size: 20px;color: red;} h4 {font-size: 5px;} h5 {font-size: 5px;} h6 {font-size: 5px;} h7 {font-size: 5px;}
// Write JavaScript here