Yuk Belajar!
HTML Lanjutan
  • Selamat kamu sudah menyelesaikan HTML Dasar! untuk materi kedua kamu akan
  • mengenal lebih dalam tentang HTML! untuk materi kali ini kamu akan mencoba sendiri
  • penggunaan dari Tag sederhana! Ayo kita mulai dari yang pertama!
    • Tag <br>
  • Fungsi dari Tag <br> ialah untuk memberikan jarak atau dalam penulisan tombol ENTER,
  • karena dalam penulisan HTML penulisan dalam text yang ingin kita munculkan tidak akan
  • keluar seperti yang kita tulis dalam coding, sehingga kita perlu mengeditnya sedemikian
  • rupa agar tulisan dapat terlihat dengan lebih keren.
  • Oleh karena itu kamu perlu mencobanya sendiri di dalam condingan kamu!
    • <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <p>
    yuk belajar adalah tempat untuk <br>
    kamu bisa mempelajari Web Developing <br>
    yang mudah dan menyenangkan.<br>
    </p>
    </body>
    </html>
  • Untuk mencobanya kamu bisa mencoba mengganti tag <h1> menjadi <h2> atau
  • seterusnya!
    • Tag <hr>
  • tag ini menunjukkan sebuah _horizontal rule_ atau _garis horizontal_, yaitu garis yang
  • mendatar dari kiri ke kanan atau dari kanan ke kiri. Fungsi dari Tag ini adalah sebagai
  • pembatas dari web yang kita miliki. Ayo kita lihat dalam penggunaannya!
    • <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <h1>yuk belajar!</h1>
    <hr>
    <p>
    yuk belajar adalah tempat untuk <br>
    kamu bisa mempelajari Web Developing <br>
    yang mudah dan menyenangkan.<br>
    </p>
    <hr>
    </body>
    </html>
  • Tag ini juga memiliki Attributenya sendiri loh! ayo kita mencoba menggunakan attribute
  • pada tag ini!
    • <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <h1 align=”center”>yuk belajar!</h1>
    <hr width="500px"; color="red"; >
    <hr>
    <p>
    yuk belajar adalah tempat untuk <br>
    kamu bisa mempelajari Web Developing <br>
    yang mudah dan menyenangkan.<br>
    </p>
    <hr>
    </body>
    </html>
  • Dalam penulisan text dalam web juga kita perlu mengedit tulisan dengan menggunakan
  • fungsi fungsi tertentu! Istilah ini kita kenal juga dengan nama Text Formatting! jadi kamu
  • bisa dapat memperindah tulisan dengan beberapa Tag yang akan aku tunjukin! Kamu
  • juga bisa menambahkan Special Characters kedalam tulisan kamu! Ayo kita coba!
    • <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <h1>
    Yuk belajar!
    </h1>
    <p>
    <b>Bold</b><br>
    <i>Italic</i><br>
    <s>Strikethrough</s><br>
    <u>Underline</u><br>
    Ini <sup>Superscript</sup><br>
    Ini <sub>Subscript</sub><br>
    Ini Special Characters & copy; &reg; &euro; &euro; &larr; &uarr;
    </p>
    </body>
    </html>
  • Untuk Special Characters lainnya kamu dapat melihatnya di website resmi seperti
  • www.w3schools.com, mudah bukan! yang terakhir aku juga mau kasih tau kamu nih
  • gimana cara masukin gambar ke dalam website kamu sendiri!
    • Tag <img>
  • img menunjukkan image yang berarti gambar dan oleh karenanya digunakan untuk
  • menyisipkan gambar. Gambar didalam sebuah dokumen HTML tidak dimasukkan
  • sepenuhnya pada file (.html, misalnya) akan tetapi, hanya merujukkan file sumber gambar
  • tersebut berada (disimpan).
    • <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Contoh Gambar di HTML</title>
    </head>
    <body>
    <h1>Menampilkan Gambar di HTML</h1>
    <p>Berikut ini adalah gambar sawah:</p>
    <p>
    <img src="sawah.jpg" />
    </p>
    </body>
    </html>
  • Gambarnya tidak keluar bukan? itu karna kamu belum memasukkan gambar ke dalam
  • tempat yang seharusnya! Pada contoh di atas, kita menuliskan langsung nama file dari
  • gambar. Kita perlu menaruh gambar di dalam folder yang sama dengan file HTML seperti
  • pada gambar dibawah ini!
  • Apabila file gambarnya tersimpan di folder yang berbeda, maka kita hanya perlu
  • menuliskan alamat path-nya. Mudah bukan? Ayo pelajari lebih banyak lagi!

    • HTML Dasar ←

    Materi Sebelumnya
    Materi Selanjutnya

    →iframe