Kode Html Beserta Fungsinya
Apa itu arahan HTML ?
Kode yaitu sebuah perintah yang kita tulis di dalam documen html.
Apa itu Tag HTML ?
Tag yaitu bentuk dari sebuah arahan perintah yang terdiri beberapa abjad yang diapit oleh tanda siku runcing buka dan tanda siku runcing tutup ( tumpuan : <html>, <br/>, <body> dll ).
Dimana Saya Akan Menuliskan Tag Tersebut?
Temen-temen sanggup lihat disini :
Didalam menciptakan sebuah halaman web dan desain web tentunya kita sangat memerlukan kode-kode perintah yang biasa dinamakan tag, kode-kode tersebut ada berbagai untuk mendefinisikan atau memberi perintah sebuah isu yang nantinya di tampilkan di browser.
Sebagai salah satu tumpuan ketika temen-temen menciptakan sebuah blog, tentunya jikalau temen-temen belum paham atau mengerti ihwal kode-kode dari html maka temen-temen akan galau "tulisan apa ini ... hehehehe apa seh fungsi nya?". ini salah satu tumpuan kira-kira menyerupai itu.
Untuk lebih terang nya temen-temen sanggup eksklusif lihat tag-tag HTML beserta dengan Fungsi nya masing-masing. Lihat pada tabel dibawah:
TAG / KODE HTML | KETERANGAN / DEFINISI |
Digunakan untuk memberi komentar dan keterngan di dalam dokumen html, sisipan kata pada tag ini tidak akan di tampilkan dihalaman browser | |
Memberikan isu type document apa yang kita gunakan pada html | |
<a> | Mendefinisikan sebuah anchor, tetapi lebih sempurna jikalau diartikan sebagai tautan dikarenakan tautan ini dipakai untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain |
<abbr> | Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda sanggup memperlihatkan isu bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari abreviasi yang sudah diuraikan, tetapi ketika di browser uraian tersebut tidak akan tampil dan hanya sebagai isu saja |
<acronym> | Kegunaan tag ini hampir sama dengan tag <abbr>, lebih sempurna nya mendefinisikan acronim |
< audio > | Digunakan untuk memberi isu bunyi (audio) |
<address> | Mendefinisikan isu kontak untuk penulis atau pemilik dokumen |
<applet> | Digunakan untuk memasukan file java kedalam dokumen HTML |
<area /> | Mendefinisikan tempat yang sanggup diklik (link) pada peta gambar |
<b> | Membuat teks tebal (bold) |
<base /> | Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen |
<basefont /> | Membuat atribut teks default, menyerupai warna, ukuran, jenis font untuk semua teks dalam dokumen |
<bdo> | Digunakan untuk menimpa arah teks |
<big> | Memperbesar ukuran teks sebesar satu point dari defaultnya |
<blink> | Membuat teks berkedip |
<blockquote> | Mendefinisikan sebuah kutipan panjang. Pada ketika di browser teks akan tampil menjorok kedalam |
<body> | Mendefinisikan body/isi dokumen HTML didalam tag ini lah nantinya semua kontent dan artikel yang kita tulis dan ditampilkan pada halaman browser. |
<br /> | Memberi baris baru (saat menciptakan isi konten, artikel dsb) |
<button> | Mendefinisikan sebuah tombol di klik |
<caption> | Membuat caption pada table (judul pada tabel) |
<center> | Untuk perataan tengah terhadap teks atau gambar |
<cite> | Mendefinisikan kutipan |
<code> | Mendefinisikan sebuah bab dari arahan komputer |
<col /> | Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel |
<colgroup> | Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan |
<dd> | Mendefinisikan deskripsi dari item dalam daftar definisi |
<del> | Untuk memberi garis tengah pada teks/mencoret teks |
<dfn> | Mendefinisikan sebuah istilah definisi |
<dir> | Mendefinisikan sebuah daftar direktori |
<div> | Mendefinisikan sebuah section dalam dokumen (division) kelompok |
<dl> | Mendefinisikan sebuah daftar definisi |
<dt> | Mendefinisikan istilah (item) dalam daftar definisi |
<em> | Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring |
<embed> | Digunakan untuk memasukkan file video atau file musik |
<fieldset> | Untuk mengelompokkan elemen-elemen yang terkait dalam form / menciptakan menyerupai frame-box di dalam form |
<font> | Mendefinisikan jenis font, warna dan ukuran untuk teks |
<form> | Mendefinisikan sebuah form HTML untuk input form |
<frame /> | Mendefinisikan frame dalam fremeset |
<frameset> | Mendefinisikan satu set frame |
<h1> s/d <h6> | Mendefinisikan sebuah header / Judul sebuah konten artikel dengan abjad yang tebal, secara default sudah mempunyai ukuran besar kecil nya. |
<head> | Digunakan untuk memperlihatkan isu ihwal dokumen tersebut |
<hr /> | Membuat garis horisontal |
<html> | Mendefinisikan root dari suatu dokumen HTML |
<i> | Membuat teks miring |
<iframe> | Mendefinisikan sebuah inline frame |
<img /> | Berfungsi untuk menampilkan gambar pada dokumen HTML |
<input /> | Mendefinisikan input field pada form |
<ins> | Membuat teks bergaris bawah |
<kbd> | Mendefinisikan teks yang di input dari keyboard |
<label> | Mendefinisikan label untuk sebuah elemen <input> |
<legend> | Mendefinisikan sebuah caption untuk elemen <fieldset> |
<li> | Digunakan untuk menampilkan isu dalam bentuk item daftar |
<link /> | Mendefinisikan hubungan antara dokumen dan sumber eksternalnya |
<listing> | Fungsi tag ini sama dengan tag <pre> dan dianjurkan memakai tag <pre> alasannya yaitu tag <listing> tidak layak/diprotes |
<map> | Mendefinisikan client-side peta gambar |
<marquee> | Membuat teks berjalan secara vertikal atau horisontal |
<menu> | Mendefinisikan sebuah daftar menu |
<meta /> | Mendefinisikan metadata ihwal sebuah dokumen HTML |
<nobr> | Mencegah ganti baris pada teks atau gambar |
<noframes> | Jika browser user tidak mendukung frame |
<noscript> | Jika browser user tidak mendukung client-side scripts |
<object> | meletakkan embed sebuah objek |
<ol> | Mendefinisikan daftar dalam format penomoran |
<optgroup> | Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down |
<option> | Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down |
<p> | Membuat sebuah paragraf |
<param /> | Mendefinisikan sebuah parameter untuk objek |
<pre> | Membuat teks dengan ukuran abjad yang sama |
<q> | Mendefinisikan sebuah kutipan singkat |
<s> | Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya memakai tag <del> |
<samp> | Mendefinisikan tumpuan keluaran dari agenda komputer |
<script> | Mendefinisikan client-side script |
<select> | Membuat daftar drop-down |
<small> | Memperkecil ukuran teks dari ukuran defaultnya |
<span> | Mendefinisikan sebuah section dalam dokumen |
<strike> | Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> |
<strong> | Membuat teks tebal, fungsi tag ini sama dengan tag <b> |
<style> | Mendefinisikan isu style untuk dokumen HTML |
<sub> | Memberikan efek subscript pada teks |
<sup> | Memberikan efek superscript pada teks |
<table> | Membuat tabel |
<tbody> | Untuk mengelompokkan isi body di dalam sebuah tabel |
<td> | Mendefinisikan sel di dalam sebuah tabel |
<textarea> | Mendefinisikan sebuah kontrol input multiline |
<tfoot> | Untuk mengelompokkan isi footer di dalam sebuah tabel |
<th> | Mendefinisikan sel header di dalam sebuah tabel |
<thead> | Untuk mengelompokkan isi header di dalam sebuah tabel |
<title> | Membuat judul untuk dokumen HTML |
<tr> | Membuat baris di dalam sebuah tabel |
<tt> | Mendefinisikan teletype text |
<u> | Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style |
<ul> | Mendefinisikan daftar dalam format bullet |
<var> | Mendefinisikan sebuah variabel |
<xmp> | Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre> |
Kode-kode inilah nanti nya akan sangat mempunyai kegunaan sekali ketika temen-temen udah mulai melanjutkan pelajaran ke CSS, PHP, JS, yang terpenting yaitu temen-temen harus pelajari dulu kode-kode HTML tersebut.
Isi table tersebut aku kutip dari salah satu blog milik Adi Wijaya Kusuma, hanya saja aku tambahkan beberapa isi nya untuk melengkapi. Dynamic Komputer
temen-temen sanggup juga berkunjung ke blog tersebut. "kita sama-sama mau berbagi"
Semoga artikel ini bermanfaat buat temen-temen dimanapun berada... pada dasarnya jangan malas untuk belajar...