Struktur dasar HTML

Struktur dasar HTML
HTML merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser yang telah terinstal pada computer client, Untuk pemahaman dan sejarah HTML silahkan baca “Pengertian dan sejarah HTML”, Bahasa pemograman ini terdapat sebuah elemen, tag dan attribute didalam perintahnya.

Secara umum Web dokumen terdiri dari menjadi dua elemen ataupun section yaitu head dan body, kedua elemen tersebut dipisahkan oleh beberapa tag, untuk lebih jelasnya dapat anda lihat sebuah pola dasar HTML dibawah ini

<html>

<head>
“Informasi Tentang Dokumen HTML”
</head>

<body>
“Informasi yang akan ditampilkan dalam web Browser”
</body>

</html>



Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai dari tag pembuka <html> sampai tag penutup </html>, sedangkan isi dari dokumen html tersebut adalah dua buah elemen atau section yaitu
•    “HEAD” yang dimulai dari tag pembukanya <head> sampai tag penutup head </head>,
Pada elemen ini biasanya berisikan
-    Title, merupakan judul dokumen
-    Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman web
Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain, Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value, adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright, description, distribution, expires, keywords, revist, refresh maupun language
-    Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web tersebut,
untuk elemen keduanya adalah
•    “BODY” mulai dari tag pembuka <body> sampai tag penutupnya </body> pada elemen ini berisikan informasi dan pengaturannya yang akan ditampilkan dalam browser.

Di  dalam bahasa pemrograman HTML terdapat beberapa atributh yang perlu kita pelajari, adapun contoh atributh dan kegunaannya sebagai berikut,

•    <DFN>, untuk menandai sebuah subdefinisi dari daftar ataupun table definisi
•    <STRONG>, Untuk menandai bagian text ataupun kata dari penting dari sebuah kalimat, paragraph ataupun dokumen
•    <VAR>, untuk menampilkan nama variable
•    <CITE>, Menandai kutipan
•    <CODE>, Menampilakan sebuah kode pemrograman
•    <EM>, Penekanan sebuah kalimat
•    <SAMP>, untuk membuat contoh ataupun sample didalam sebuah dokumen
•    <KBD>, menandai suatu text dimana text tersebut harus dimasukan oleh user melalui keyboard
•    <B>, Bold membuat tampilan tebal huruf, kata ataupun kalimat
•    <I>, Italic membuat tampilan miring
•    <U>, Underline membuat tampilan garis bawah
•    <TT>, Membuat tampilan jenis huruf menyerupai huruf mesin ketik
•    <STRIKE>, membuat garis tengah pada sebuah kalimat
•    <BIG>, memperbesar ukuran huruf
•    <SMALL>, memperkecil ukuran huruf
•    <SUP>, menampilkan superscript
•    <SUB>, menampilkan subscript
•    <FONT>, merupakan sebuah pengaturan huruf, kata ataupun kalimat bahkan paragraph di mana dalam atribut ini terdapat value yang mengatur tampilan huruf tersebut seperti color. Size, style dan lainnya
•    <P>, Paragrah untuk membuat sebuah paragraph
•    <BR>, Line break berfungsi untuk mengganti baris
•    <H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan sebuah header dimana dari keenam jenis tersebut mempunyai perbedaan ketebalan dan ukuran huruf
•    <PRE> Preformatted Text berfungsi menampilkan text apa adanya
•    <CENTER> membuat sebuah text berada di posisi tengah
•    <LEFT> membuat sebuah text berada di posisi kiri
•    <RIGHT> membuat sebuah text berada di posisi kanan
•    <Basefont size=”pixel”>mengubah ukuran sebuah huruf
•    <HR> Horizontal rule berfungsi untuk membuat garis bawah
•    <OL>, membuat penomoran pada daftar
•    <UL>, Membuat sebuah tanda pada daftar tanpa nomor (bullet)
•    <LI>, tag yang berada di dalam attribute UL ataupul OL digunakan untuk memisah baris daftar yang akan di beri penomoron ataupun tanda bullet
•    <TABLE>, membuat sebuah table
•    <TR>, Membuat row atau baris didalam table <TH>, membuat judul kolom di table <TD> membuat isi pada kolom table, ketiga tag ini diisikan pada atribut table
•    Rowspan, Colspan merupakan pengaturan merge cell pada atribut table
•    <FORM> untuk membuat form
•    <A HREF=”url link”>Hypertext</A> Hyper Link
•    <IMG SRC=”url img”> insert image

Inilah beberapa atributh dasar yang digunakan dalam pemrograman HTML, pada atribut diatas merupakan sebuah tag pembuka yang pada akhir atribut tersebut harus ditutup dengan tag penutup atributh tersebut </…..>, untuk lebih jelasnya dilain waktu saya akan mencoba bahas satu persatu atributh tersebut dan akan saya lengkapi dengan syntax dan contohnya kompleksnya.