Hai sobat belajar ketemu lagi di seri belajar HTML, sekarang sudah sampai part 11, kalau part 10 kita sudah belajar tentang cara membuat kutipan di HTML
nah di tutorial kali ini kita akan belajar mengenai tag
dan tag , apa sih fungsi dari tag dan tag , mereka berdua masih ada hubungannya dengan memanipulasi dari text di html, baik langsung saja kita mulai pembahasannya.
Video Tutorial Belajar HTML - Mengenal pra tag dan kode dalam HTML
Tag
Tag
merupakan singkatan dari Preformatted Text, tag ini digunakan untuk menampilkan text dengan tampilan apa adanya, lho maksudnya gimana tuh ?ehm jadi begini ya, di HTML ada aturan penulisan teks, salah satunya adalah spasi tidak dihitung saat menulis teks di HTML istilah ini dikenal dengan white spacing
jadi jika anda memberikan spasi lebih dari 1 dalam penulisan teks html, html tetap menganggap spasi hanya satu
lalu bagaimana jika spasi antar teks lebih dari satu???
TARA…. nah itu fungsi dari penggunaan tag
, dengan anda menggunakan tag berarti text akan ditampilkan dengan format apa adanya, kalau anda menuliskan spasi berapapun itu, ya tetap akan ditampilkan apa adanya sesuai yang ada tulis, gimana sudah paham bukan 😀tag
adalah tag yang block level element sehingga akan ditampilkan di baris baru jika, jadi tidak perlu tag
untuk mengganti di baris berikutnya.Baik kita akan coba buat skrip sederhana untuk menjelaskan tag
1
2
3
4
5
6
7
8
9
10
11
<. DOCTYPE html>
<html>
<kepala>
<judul>Penggunaan Tag Sebelumnya</judul>
</kepala>
<tubuh>
<h3>Contoh Penggunaan Tag Sebelum</h3>
<jam/>
Ini adalah teks tanpa menggunakan pra <pra>Ini adalah teks tanpa menggunakan pra</pra>
</tubuh>
</html>
silahkan simpan, dan tampilkan di browser, maka tampilannya adalah sebagai berikut
Nah dari contoh diatas terlihat, saya membuat 2 paragraf yang satu pakai tag
dan satu tidak, hasilnya yang tidak menggunakan tag akan ditampilkan sesuai aturan HTML spasinya cuma dihitung satu aja, di paragraf kedua karena menggunakan tag maka spasi tetap ditampilkan sesuai text yang ditulis.Terlihat pula jika anda menggunakan tag
maka text yang ditampilkan akan dengan format font yang berbeda, baik kita lanjut ke tag selanjutnya ya.
Tag
Tag ini memiliki fungsi yang hampir sama dengan tag
, kesamaannya adalah pada jenis font yang digunakan jika text menggunakan tag, berarti sama aja dong fungsinya ?nah yang menjadi berbeda adalah tag hanya menghitung 1 spasi saja tidak seperti tag , sehingga jika di tag terdapat text yang menggunakan lebih dari 1 spasi akan dihitung 1 spasi saja.
Selain itu jika tag
adalah jenis tag yang bersifat block level element tetapi untuk tag code ini bersifat inline element, jadi text akan ditampilkan langsung di baris yang sama.Mari kita coba menulis skrip di bawah ini
1
2
3
4
5
6
7
8
9
10
11
<. DOCTYPE html>
<html>
<kepala>
<judul>Penggunaan Tag Kode</judul>
</kepala>
<tubuh>
<h3>Contoh Penggunaan Tag Kode</h3>
<jam/>
Ini adalah teks biasa <kode> Ini adalah teks dengan menggunakan tag kode</kode></p>
</tubuh>
</html>
silahkan simpan dan buka di browser
nah terlihat perbedaannya kan, jika anda menuliskan tag text akan ditampilkan dengan font yang berbeda, ditampilkan di baris yang sama, tetapi spasi tetap dihitung satu.
Sekian dulu ya kawan, kita sudah belajar mengenai tag
dan tag di HTML, sampai jumpa di seri tutorial HTML lainnya.[stextbox id=”info”] Anda serius ingin menguasai HTML?Warung Belajar telah membuat DVD Tutorial "Tutorial HTML - Kotak Putih". DVD Tutorial kali ini membahas tentang HTML secara lebih lengkap dan detail. Penjelasan lebih lanjut bisa ke. Tutorial HTML – Kotak Putih[/stextbox]
Tag dibuat dengan tanda kurung siku ( tag dan terkadang juga ditambah dengan atribut. Contoh. Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya.
Tag HTML dimulai dengan kode apa?
Pada umumnya penulisan tag pada html secara berpasangan dimulai dengan Isi dari isi , Jadi apa yang dimaksud yang dimaksud elemen dalam HTML adalah blok kode yang dimulai dari tag pembuka sampai dengan tag penutup, namun ada juga tag yang berdiri sendiri dalam penulisannya seperti
Tag HTML apa?
Kode HTML untuk Blog .
Label Judul. Tag HTML pertama adalah tag judul. .
Deskripsi meta. Selanjutnya, ada deskripsi meta. .
3. Tag Tajuk. Tag judul adalah judul dan sub-judul yang ditemukan di halaman situs web. .
4. Jangkar Teks dan Tautan. .
Jangan ikuti. .
6. Teks Alt Gambar. .
7. Tag kanonis. .
9. Tag tebal
Apa fungsi kode tag?
Elemen HTML tag kode > adalah tag dalam HTML digunakan untuk mendefinisikan kumpulan teks yang dilampirkan sebagai kode komputer.