Pengertian dan Fungsi Tag HTML beserta contoh kasusnya

Pengertian HTML
HTML secara umum dikenal dengan HyperText Markup Language yang ialah bahasa pemrograman  standar yang dipakai untuk mendesign atau membuat sebuah halaman web, yang selanjutnya bisa diakses agar bisa menampilkan beragam informasi di dalam suatu penjelajah web Internet atau browser. HTML pun bisa digunakan sebagai link antara file-file dalam situs ataupun dalam komputer dengan menggunakan localhost, ataupun link yang menghubungkan antar situs di dalam dunia internet.
Agar dapat menghasilkan tampilan dan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas dengan format ASCII sehingga dapat menjadi halaman web dengan perintah-perintah HTML.

HTML ialah sebuah bahasa yang bermula dari bahasa yang sebelumnya banyak digunakan dalam dunia percetakan dan juga penerbirtan yang disebut sebagai Standard Generalized Markup Language (SGML).
Pada saat sekarang ini, HTML adalah standar Internet yang dikendalikan dan didefinisikan penggunaannya oleh World Wide Web Consortium (W3C).  Di tahun 1989, HTML diciptakan oleh kolaborasi Berners-lee Robert bersama Caillau TIM  pada saat mereka bekerja di CERN. CERN sendiri adalah sebuah lembaga penelitian fisika energi tinggi yang bertempat di Jenewa.

HTTP yang merupakan singkatan dari Hypertext Transfer Protokol adalah protokol yang digunakan dalam mentransfer data ataupun document yang berformat HTML dari web server menuju web browser. Dengan HTTP inilah yang memungkinkan kita dapat menjelajah internet dan juga melihat berbagai halaman web.

 Fungsi HTML
HTML atau singkatan dari HyperText Markup Language ialah suatu bahasa pemrograman yang menggunakan beberapa tanda-tanda tertentu (tag) dalam menyatakan kode-kode yang mesti ditafsirkan oleh browser supaya halaman web tersebut bisa ditampilkan secara benar.

Pada umunya yang saya ketahui, fungsi dari HTML ialah untuk mengelola serangkaian data dan juga informasi sehingga sebuah dokumen bisa diakses serta ditampilkan di Internet melalui layanan web.

Selanjutnya kita akan membahas tentang contoh kasus pemrograman HTML, disini saya akan menggunakan notepad, tapi terserah kalian ingin menggunakan tools sesuai dengan yang bisa anda gunakan.

·         Contoh kasus 1
BODY
Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.


Output:

Keterangan :
1.       <html>   :berfungsi untuk Mendefinisikan root dari sebuah dokumen HTML
2.      <head>   : berfungsi untuk Mendefinisikan informasi tentang dokumen
3.      <meta>   :berfungsi untuk  Mendefinisikan metadata tentang sebuah dokumen HTML
4.      <title>    : berfungsi untuk Mendefinisikan sebuah title untuk dokumen
5.      <body>  : berfungsi untuk Mendefinisikan tubuh atau badan dokumen
6.      <p>        :  berfungsi untuk Mendefinisikan sebuah paragraph

·         Contoh kasus 2
PARAGRAF
Suatu paragraph dalam document HTML ditandai dengan pasangan elemen <P>… </P>. Tag <P> menyatakan awal suatu paragraph sedangkan akhir paragraph ditandai dengan tag </P>, tetapi tag akhir boleh tidak digunakan. Suatu paragraph secara otomatis akan berakhir jika paragraph baru dimulai, pemakaian heading, table, blockquote, atau list. Atribut yang digunakan dalam paragraph ALIGN.
Sekranag kita coba dari contoh program berikut ini :


Output:

Keterangan :
<h1> sampai <h6>  :berfungsi untuk  Mendefinisikan headings pada HTML
·         Contoh kasus 3
BARIS BARU
Dalam membuat halaman web, suatu teks dapat ditulis dalam baris baru. Hal ini tidak dapat dilakukan seperti mengetik dalam program editor biasa yang cukup dengan tekan tombol enter.
Tag <BR> digunakan untuk membuat teks, ditulis pada baris berikutnya. Tag ini merupakan single text, artinya hanya mempunyai tag awal tetapi tidak mempunya tag akhir.
Buat program berikut :

Output:

Keterangan :
1.      <i> : berfungsi untuk Mendefinisikan sebuah bagian dari teks dengan suara alternatif atau suasana hati
2.      <br> : berfungsi untuk Mendefinisikan satu baris tunggal atau sama dengan fungsi enter.

·         Contoh kasus 4
MEMBUAT OUTLINE TEKS
Menambah Heading
Headeing adalah sebuah kumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML.
…
<H1>Level 1 Heading</H1>
<H2>Level 2 Heading</H2>
<H3>Level 3 Heading</H3>
<H4>Level 4 Heading</H4>
<H5>Level 5 Heading</H5>
<H6>Level 6 Heading</H6>
…
Garis Pemisah Horisontal
Untuk memberi pemisah antara satu baris dengan baris lainnya, gunakan elemen <HR>. elemen ini akan membuat garis horizontal sepanjang lebar jendela browser.

Output:

keterangannya :
<hr> : berfungsi untuk Mendefinisikan perubahan tematik dalam konten atau memberikan garis pada dokumen
·         Contoh kasus 5
Menggunakan Preformatted Text
Preformatted text memerintahkan browser untuk menampilkan teks persis seperti yang diketikan dalam dokumen HTML. Dengan demikian, masalah pengetikan pada baris baru dan penambahan spasi dapat diatasi.
Elemen yang digunakan <PRE>…</PRE>


Output:

Keterangan :
<pre> :berfungsi untuk Mendefinisikan teks preformatted
·         Contoh kasus 6
Menggunakan Tag Blockquote
Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks. Browser akan menampilkan kutipan teks dengan mengiden-tasi teks tersebut atau dengan membuatnya miring <BLOCKQUOTE> juga menimbulkan suatu baris kosong dan mengabaikan spasi dalam teks seperti pada tag paragraph. Tag ini berisi paragraph dan tag-tag yang lain. Kecuali tag heading.
Elemen yang digunakan : <BLOCKQUOTE> … </BLOCKQUOTE>
coba script berikut :

Output:

Keterangan :
<blockquote> : berfungsi untuk Mendefinisikan bagian yang dikutip dari sumber lain.



Komentar

Posting Komentar