html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<h1><i><b>funny</b> games!</i></h1>
<form action="/recherche" method="GET"> <input type="search" name="q" placeholder="Rechercher..." required> <button type="submit">🔍</button> </form>
<h2 style="color:black;background:red;front-size:large;text-align:center;border:78px solid red"><b> hanger games</b></h2>
<img id="bv" src="https://media.wired.com/photos/593233d05c4fbd732b5512f0/master/w_2560%2Cc_limit/Gale-and-Katniss.jpg">
<br>
<br>
<form><label for="t1">some funny games : </label><select name="games" id="t1"><option value="></option>dead drive"> dead drive</option><option value="splash">splash</option><option value="CJ">CJ</option><option value="DLS ">DLS</option></select> <br><input type="submit" id="t1"></form>
<button style="color:black;text-align:center;background:red;border:2px solid black"onclick="alert('this game requires much datas')">play it</button>
<img id="bf" src="https://www.bmw.co.id/content/dam/bmw/common/all-models/m-series/series-overview/bmw-m-series-seo-overview-ms-04.jpg">
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
h1 b{
color: seagreen;
}
#bf{
border-radius:1000px;
border:solid red;
position:relative ;
left:15%;
width:100px;
height:100px;
}
#bv{
border-radius:1000px;
border:solid black;
left:15%;
width:100px;
height:100px;
position:relative ;
animation-name:blink;
animation-duration:2s;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Uruchom