Tutorial HTML (Part 2)



4. Elemen dan Tag HTML
Dua komponen utama pembentuk dokumen HTML adalah Elemen dan Tag Dengan
adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik

  4.1. Elemen
Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen
<HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul
dokumen astau hubungannya dengan dokumen lain. Elemen-elemen <BODY> yang
menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf,
list (daftra), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta
teks yang ada dalam tag-tag tersebut.

   4.2 Tag
Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca
teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag
diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan
tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir
dinyatakan dalam bentuk </nama tag>.
Format umum suatu tag berpasangan adalah :
<nama tag> Teks yang akan ditampilkan </nama tag>


Catatan :
􀂃 HTML tidak membedakan penulisan huruf besar dan huruf kecil pada penulisan
elemen maupun tag. Penulisan <i> dan <I> dianggap sama, campuran antara huruf
besar dan kecil pun tidak berpengaruh <i>text</I>
􀂃 Tidak semua tag didukung oleh semua browser. Jika suatu browser tidak
mengenali suatu tag tertentu, browser tersebut akan mengabaikan tag yang tidak
dikenalnya dan menuliskan isi di dalam tag tersebut sebagai teks biasa.
Sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I
(italic), seperti contoh di bawah ini:

<i> Teks ini akan tercetak miring bila dilihat di browser </i>

Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan
tag berikutnya tidak saling tumpang tindih.

Penulisan tag yang tumpang tindih :
<tag1>
      teks tag1
          <tag2>
                teks tag 2
          </tag1>
</tag2>


Penulisan tag yang benar :
<tag1>
     teks tag1
          <tag2>
              teks tag 2
          </tag2>
</tag1>



Kemungkinan kesalahan yang terjadi adalah lupa memberi tag awal atau tag akhir
sehingga web page yang dihasilkan akan terlihat lain dari yang diinginkan.
Tidak semua tag mengikuti aturan seperti diatas, terdapat beberapa macam bentuk tag
yang dikenal oleh HTML, di mana umumnya tag-tag dalam HTML muncul dalam
bentuk seperti berikut :



<nama tag>teks</nama tag>
<nama tag>
<nama tag atribut1=argumen atribut2=argumen dst>
<nama tag antribut=argumen>teks</nama tag>

 Sebagai contoh :
<Title> Home Page Irawan </Title>
<BR>
<HR Width=10 color=”red”>
<A Href=http://www.sukalahbelajar.blogspot.com/>WebSite nambah Ilmu </a>

Artikel sebelumnya : Tutorial HTML (Part 1)

Comments

Post a Comment

Popular posts from this blog

Sorting dan Searching data Tabel PHP MySQL

Image
Dalam tutorial kali ini, saya akan meneruskan materi kemarin. Jika dalam tutorial sebelumnya pembahasan fokus pada cara menampilkan data, maka sekarang kita akan membahas dua hal yang masing berhubungan dengan menampilkan data. Dua hal tersebut adalah Pengurutan (Sorting) dan Pencarian (Searching). Bagi anda yang belum mambaca panduan sebelumnya, silahkan membaca terlebih dahulu karena database dan skrip koneksi menggunakan script yang sama. Untuk membuat pencarian dan pengurutan, file utama cuma satu yaitu mahasiswa2.php. Jika anda ingin mencoba code di panduan ini, beri nama mahasiswa2.php. Hasil pencarian dan pengurutan tetap berada di mahasiswa2.php. Untuk lebih memahami code, tekankan pada kode yang di highlight karena logika utama ada disitu. Pengurutan Untuk melakukan pengurutan, user cukup mengklik header dari kolom tabel. Dalam kasus ini, user bisa mengurutkan ascending atau descending saat mengklik header kolom nim atau kolom nama. Pengurutan bersifat toggle,
Read more

Sering terganggu dengan notifikasi grup WA, inilah solusinya!!!

Image
Sering kali kita terganggu dengan notifikasi grup di aplikasi Whatsapp.  Sebuah dilema, antara penting dan gak penting. Informasi serta obrolan memang lebih berjalan secara interaktif dalam sebuah grup WhatsApp. Tak hanya percakapan antar satu atau dua orang saja, tapi juga sejumlah orang yang menjadi anggota dalam grup itu. Saat diundang menjadi seorang anggota dalam sebuah grupWhatsApp memang banyak sekali pertimbangannya. Mulai dari teman sekolah yang sudah lama tidak berjumpa, sampai rekan satu kantor yang menjadikan grup ini sebagai pusat informasi. Ada saja obrolan yang dilakukan di grup itu, tak kenal waktu. Tentunya dari semua anggota yang ada, tidak semua mau untuk ikut terus berbincang dalam berbagai topik yang sedang diperbincangkan. Bagaiaman caranya Anda bisa tetap menjadi anggota dalam grup itu tapi tidak mau terganggu dengan hiruk pikuk di dalamnya. Ada beberapa cara untuk itu. Ini biasanya dilakukan agar aktivitas di luar grup tidak terganggu. TribunnewsBogor.
Read more

Cara Mengetahui Lokasi Teman Menggunakan BBM

Image
Menggunakan BBM untuk berbagi lokasi ke sesama teman BBM banyak manfaatnya. Salah satunya saat kita mudik. Baik para pengguna bus, sepeda motor, kendaraan pribadi, kereta api dll. Atau saat kita touring, takut tersesat karena tertinggal rombongan. Untuk memantau posisi teman menjadi sangat mudah karena ada fitur baru untuk share lokasi kita yaitu Glympse! Seperti yang dilangsir di forumdukungan.blackberry.com, Apa itu Glympse? Kerja aplikasi ini kurang lebih sama dengan "latitude", jadi ketika kita pengin sharing lokasi kita secara otomatis GPS akan melakukan pointing posisi kita pada Google map. Bedanya disini kita bisa menambahkan message, mengatur waktu berapa lama kita pada posisi itu dan menambahkan tujuan selanjutnya. Setelah semua selesai, kita bisa menge-share ini ke temen-temen kamu di Facebook, Twitter, dll... Namun pada BBM, aplikasi Glympse tertanam langsung pada BBM, bukan "standing alone" aplikasi. Cara kerja aplikasi ini cukup mudah sebenarnya, k
Read more