Postingan

Menampilkan postingan dari April, 2018

HTML

Gambar
Kelompok WebPro Imut: Ketua Hanifah Febryana (1503015059) https://hanifahfebryana24.blogspot.co.id Nama Anggota: Alfi Ramdhani (1403015006) alfiramdhani25.blogspot.com Fahmi Rais (1503015052) hikayatdarson.blogspot.com Muchammad Andre Prasetya (1503015089) mandreprasetya.blogspot.com HTML  adalah singkatan dari  Hypertext Markup Language . Disebut  hypertext  karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi  link  yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng- klik  text tersebut. Kemampuan text inilah yang dinamakan  hypertext , walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan  link . Disebut  Markup Language  karena bahasa  HTML  menggunakan tanda ( mark ), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda la...
Posting Komentar
Baca selengkapnya

The Select Element

Gambar
<!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="Hanifah">Hanifah</option>     <option value="Alfi">Alfi</option>     <option value="Andre">Andre</option>     <option value="Fahmi">Fahmi</option>   </select>   <br><br>   <input type="submit"> </form> </body> </html>
Posting Komentar
Baca selengkapnya

Images

Gambar
<!DOCTYPE html> <html> <body> <img src="https://www.telegraph.co.uk/content/dam/news/2016/08/23/106598324PandawaveNEWS_trans_NvBQzQNjv4Bqeo_i_u9APj8RuoebjoAHt0k9u7HhRJvuo-ZLenGRumA.jpg?imwidth=450" width="480" height="300"> </body> </html>
Posting Komentar
Baca selengkapnya

Tombol

Gambar
<!DOCTYPE html> <html> <body> <p id="demo"> Klik tombol di bawah ini </p> <script> function myFunction() { var x = document.getElementById("demo"); x.style.fontSize = "50px"; x.style.color = "pink"; } </script> <button onclick="myFunction()"> Klik disini! </button> </body> </html>
Posting Komentar
Baca selengkapnya

Login

Gambar
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial, Helvetica, sans-serif;} /* Full-width input fields */ input[type=text], input[type=password] {     width: 100%;     padding: 12px 20px;     margin: 8px 0;     display: inline-block;     border: 1px solid #ccc;     box-sizing: border-box; } /* Set a style for all buttons */ button {     background-color: #4CAF50;     color: white;     padding: 14px 20px;     margin: 8px 0;     border: none;     cursor: pointer;     width: 100%; } button:hover {     opacity: 0.8; } /* Extra styles for the cancel button */ .cancelbtn {     width: auto;     padding: 10px 18px;     background-color: #f44336; } /* Center the image and position ...
Posting Komentar
Baca selengkapnya

List

Gambar
<!DOCTYPE html> <html> <body> <h2>An Unordered HTML List</h2> <ul>   <li>Durian</li>   <li>Mangga</li>   <li>Jeruk</li> </ul>  <h2>An Ordered HTML List</h2> <ol>   <li>Durian</li>   <li>Mangga</li>   <li>Jeruk</li> </ol> </body> </html>
Posting Komentar
Baca selengkapnya

Input Elemen

Gambar
<!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>
Posting Komentar
Baca selengkapnya

Forms HTML

Gambar
<!DOCTYPE html> <html> <body> <h2>HTML Forms</h2> <form action="/action_page.php">   First name:<br>   <input type="text" name="firstname" value="Hanifah">   <br>   Last name:<br>   <input type="text" name="lastname" value="Mancung">   <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>
Posting Komentar
Baca selengkapnya

Link HTML

Gambar
<!DOCTYPE html> <html> <body> <h2>HTML Links</h2> <p><a href="https://1503015059.blogspot.co.id/">Visit my Blog </a></p> </body> </html>
Posting Komentar
Baca selengkapnya

Heading dan Paragraf

Gambar
<!DOCTYPE html> <html> <title>HTML Tutorial</title> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
Posting Komentar
Baca selengkapnya