Postingan

Menampilkan postingan dari April, 2018

Menampilkan This is html

Gambar
Berikut source code html menampilkan This is html: <!DOCTYPE html> <html> <head> <style> body{ background-color: lightgreen; } h1{ color: white; text-align: center; } p { font-family: verdana; font-size: 20px; } </style> </head> <body> <h1>My First CSS Example</h1> <p>This is a paragraph.</p> </body> </html>

Menampilkan Loginhtml

Gambar
Berikut source code html menampilkan Loginhtml: <!DOCTYPE html> <html> <title>HTML Tutorial</title> <body> <h1> Refitania </h1> <p> 1503015116.</p> </body> </ html>

Menampilkan Tombolhtml

Gambar
Berikut source code html menampilkan Tombolhtml: <!DOCTYPE html> <html> <body> <p id="demo">Klik tombol dibawah ini </p> <script> function myFunction(){ var x = document.getElementById("demo"); x.style.fontSize = "25px"; x.style.color = "red"; } </script> <button onclick="myFunction()">klik disini </button> </body> </html>

Menampilkan Input Element html

Gambar
Berikut source code html menampilkan Input Element html: <!DOCTYPE html> <html> <body> <h2>The input Element</h2> <form action="/action_page.php">   Enter your name:   <input name="firstname" type="text">   <br><br>   <input type="submit"> </form> </body> </html>

Menampilkan Select Element html

Gambar
Berikut source code html menampilkan select element html: <!DOCTYPE html> <html> <body> <h2>The select Element</h2> <p>The select element defines a drop-down list:</p> <form action="/action_page.php">   <select name="cars">     <option value="volvo">Volvo</option>     <option value="saab">Saab</option>     <option value="fiat">Fiat</option>     <option value="audi">Audi</option>   </select>   <br><br>   <input type="submit"> </form> </body> </html>

Menampilkan Linkhtml

Gambar
Berikut source code html menampilkan Linkhtml: <!DOCTYPE html> <html> <body> <h2>HTML Links</h2> <p><a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a></p> </body> </html>

Menampilkan Heading Paragraph html

Gambar
Berikut source code html menampilkan Heading paragraph: <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>

Menampilkan Listhtml

Gambar
Berikut source code html Menampilkan Listhtml: <!DOCTYPE html> <html> <body> <h2>An unordered HTML list</h2> <ul>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ul>  </body> </html>

Menampilkan Imagehtml

Gambar
Berikut source code html menampilkan Imagehtml: <!DOCTYPE html> <html> <body> <h2>HTML Image</h2> <img src="pulpitrock.jpg" alt="Mountain View" width="500" height="377"> </body> </html>

Menampilkan Formhtml

Gambar
Berikut Source code html menampilkan formhtml: <!DOCTYPE html> <html> <body> <h2>HTML Forms</h2> <form action="/action_page.php">   First name:<br>   <input type="text" name="firstname" value="Mickey">   <br>   Last name:<br>   <input type="text" name="lastname" value="Mouse">   <br><br>   <input type="submit" value="Submit"> </form> <p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p> </body> </html>