Basic Web Programing: Latihan 2 - Tag Penyendiri dan Format Tulisan

Selamat pagi kawan sekalian, pada pertemuan kali ini kita akan melanjutkan pembahasan kita tentang dasar HTML, bagi yang belum membaca silahkan kunjungi Latihan 1.
Pada latihan sebelumnya kita telah berkenalan dengan HTLM dan mempelajari Tag <html>, <head>, <body>, , <H1> dan beberapa Atribut seperti "bgcolor", "align", "color", "style", kemudian untuk pertemuan kali ini akan berkenalan lagi dengan Tag lainnya dari HTML

Beberapa Tag yang akan dipelajari di pada pertemuan kali ini.

Tag	Keterangan
<hr>	Tag untuk membuat garis.
<br>	Tag untuk membuat baris baru.
<b> </b>	Tag untuk membuat tulisan menjadi Tebal.
<i> </i>	Tag untuk membuat tulisan menjadi Miring.
<u> </u>	Tag untuk membuat tulisan menjadi Bergaris bawah.

Tag penyendiri (Single Tag)

Dari data table diatas kita mendapati bahwa ada beberapa Tag yang sendiri atau tidak ditutup, maka dari itu dalam penggunaannya tidak diperlukan Tag penutup, apa saja Tag yang tidak perlu di tutup.? contoh Tag yang tidak perlu ditutup <hr>, .

Secara logika Tag <hr> adalah membuat sebuah garis pemisah dan didalam garis tesebut hanya dapat diberi Atribut warna dan ukuran, tanpa bisa diberi tulisan maupun gambar didalamnya sehingga dalam penggunaannya Tag <hr> tidak memerlukan Tag penutup.

Lalu dalam Tag digunakan untuk membuat baris baru pada sebuah paragraf maupun content lainya sehingga tidak dapat diisi dan juga tidak membutuhkan sebuah Atribut maka Tag tidak perlu menggunakan Tag penutup.

Setelah mengetahui Tag baru, alangkah baiknya bila kita mencobanya sendiri. dengan langkah - langkah sebagai berikut :

Membuat sebuah folder dimana nanti file - file disimpan, sehingga mudah untuk digunakan kembali.
Contoh : D://web/belajar_html/
Buatlah file menggunakan Notepad dengan nama "latihan_2a.html" yang berisi:

latihan_2a.html

 
<html>
   <head>
      <title> Latihan 2a - Tag Penyendiri</title>
   </head>
   <body>
      <h1 align="center"> Latihan 2a - Tag Penyendiri </h1>
      <br>
      <hr>
      <br>
      <p> Tag penyendiri dapat disimpan dimana saja, tergantung kebutuhan, seperti <br> tulisan ini ditulis di barisan baru <br> Untuk Tag <hr> dapat diberikan beberapa Atribut misalnya seperti :
      <h4 align="center">Ukuran lebar</h4>
      <hr width="50%">
      <h4 align="center"> Warna </h4>
      <hr color="red">
   </body>
</html>

Hasil latihan_2a.html

Latihan 2a - Tag Penyendiri

Tag penyendiri dapat disimpan dimana saja, tergantung kebutuhan, seperti
tulisan ini ditulis di barisan baru
Untuk Tag

dapat diberikan beberapa Atribut misalnya seperti :

Ukuran lebar

Warna

Dari Script diatas mari kita bahas beberapa Poin yang penting:

Tag penyendiri atau Single Tag dapat disimpan dimanapun sesuai dengan kebutuhan kawan sekalian.
Tidak semua Tag penyendiri bisa diberikan Atribut.

Bonus Materi

Setelah mengerti dengan materi diatas dan masih ingin mencoba berkenalan dengan Tag yang lain, kita berkenalan lagi dengan Tag lainya :

Format Penulisan

digunakan untuk membuat tulisan menjadi tebal.
digunakan untuk membuat tulisan menjadi miring.
digunakan untuk membuat tulisan menjadi bergaris bawah.

Format Penulisan, seperti itulah kita akan menyebutnya, karena ketiganya memang merupakan Tag untuk memFormat atau merubah tulisan, dengan tulisan diatas pun sepertinya sudah mewakili penjelasan yang panjang dan malas untuk dibaca.
Seperti biasa mari kita bahas ini dengan contoh penggunaannya.

Membuat sebuah folder dimana nanti file - file disimpan, sehingga mudah untuk digunakan kembali.
Contoh : D://web/belajar_html/
Buatlah file menggunakan Notepad dengan nama "latihan_2b.html" yang berisi:

latihan_2b.html


<html>
   <head>
      <title> Latihan 2b - Format penulisan</title>
   </head>
   <body>
      <h1> Latihan 2b - Format penulisan </h1>
      <p> Latihan kali ini kawan hanya akan membuat sebuah <b> paragraf </b> dimana <b> paragraf </b> tersebut memiliki banyak kata - kata <u> Penting </u> sehingga memerlukan banyak perubahan pada penulisannya misalnya pada kata tertentu harus dibuat <b> Tebal </b>, <i> miring </i>, maupun yang <u> Bergaris bawah </u>. disitulah beberapa Tag ini diperlukan, agar lebih <b> Mempercantik </b> tampilan dan <b> Memudahkan </b> dalam membaca. </p>    
   </body>
</html>

Hasil dari latihan_2b.html

Latihan 2b - Format penulisan

Latihan kali ini kawan hanya akan membuat sebuah paragraf dimana paragraf tersebut memiliki banyak kata - kata Penting sehingga memerlukan banyak perubahan pada penulisannya misalnya pada kata tertentu harus dibuat Tebal , miring , maupun yang Bergaris bawah . disitulah beberapa Tag ini diperlukan, agar lebih Mempercantik tampilan dan Memudahkan dalam membaca.

Bagaimana.? mudahkan.?

Demikian pertemuan pertama kita, bila ada yang ditanyakan, saran, kritik bisa hubungi saya melalui kolom komentar, semoga pembahasan tadi menjadi ilmu yang bermanfaat bagi kawan sekalian.
Terimakasih dan sampai berjumpa kembali di pertemuan berikutnya.

b4ug02wp

Basic Web Programing

Kamis, 07 April 2016

Latihan 2 - Tag Penyendiri dan Format Tulisan