Hai Sahabat Blog Kumpulan Tutorial Website, saat ini saya ingin berbagi tutorial html sudah lama saya miliki dan sangat berguna bagi anda yang sedang belajar dasar HTML. disini saya memberikan seluruh fungsi tag html beserta keterangan dari tag html tersebut.
Tag
|
Keterangan atau Fungsi
|
<!-- ... -->
|
Digunakan
untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada
kontiner ini tidak akan terlihat pada browser
|
<!DOCTYPE>
|
Mendefinisikan
informasi tipe dokumen
|
<a>
|
Mendefinisikan
sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan
tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke
dokumen HTML yang lain
|
<abbr>
|
Digunakan
untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan
informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber
kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari
singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak
akan tampil dan hanya sebagai informasi saja
|
<acronym>
|
Mendefinisikan
akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
|
<address>
|
Mendefinisikan
informasi kontak untuk penulis/pemilik dokumen
|
<applet>
|
Digunakan
untuk memasukan file java kedalam dokumen HTML
|
<area
/>
|
Mendefinisikan
daerah yang dapat diklik (link) pada peta gambar
|
<b>
|
Membuat
teks tebal
|
<base
/>
|
Mendefinisikan
URL dasar/target untuk semua URL relatif dalam dokumen
|
<basefont
/>
|
Membuat
atribut teks default, seperti 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 saat di browser teks akan tampil menjorok
kedalam
|
<body>
|
Mendefinisikan
body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen
ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks,
gambar, animas, link dan seterusnya
|
<br
/>
|
Memberi
baris baru/pindah baris
|
<button>
|
Mendefinisikan
sebuah tombol diklik
|
<caption>
|
Membuat
caption pada tabel
|
<center>
|
Untuk
perataan tengah terhadap teks atau gambar
|
<cite>
|
Mendefinisikan
kutipan
|
<code>
|
Mendefinisikan
sebuah bagian dari kode 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
|
<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 / membuat seperti
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>
to <h6>
|
Digunakan
untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
|
<head>
|
Digunakan
untuk memberikan informasi tentang 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 informasi dalam bentuk item daftar
|
<link
/>
|
Mendefinisikan
hubungan antara dokumen dan sumber eksternalnya
|
<listing>
|
Fungsi tag
ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre>
karena 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 tentang 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 huruf 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
menggunakan tag <del>
|
<samp>
|
Mendefinisikan
contoh keluaran dari program 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
informasi
|
<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>
|
Saya harap tutorial Fungsi tag HTML ini dapat berguna bagi ada. Tutorial HTML ini dapat anda print dengan memanfaatkan fasilitas print yang saya sediakan dibawah ini. Jika ada kurang lebihnya saya minta maaf. Selamat belajar bagi para generasi muda yang berbakat. Terimakasih.
Label:
Tutorial HTML
Judul : (Tutorial HTML) Fungsi dan Perintah Tag HTML
Ditulis oleh Ivan Silalahi
Rating postingan ini 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://kumpulantutorialwebsite.blogspot.com/2012/12/tutorial-html-fungsi-dan-perintah-tag.html. Terima kasih sudah singgah membaca artikel ini. Jangan lupa like dan sharenya serta komentarnyaDitulis oleh Ivan Silalahi
Rating postingan ini 5 dari 5
12 komentar:
kug tutorial yang kyk marquee dan yg lain2 kug tidak ada ya...kurang komplit
Mantap post nya gan,
trimakasih udah berbagi, cukup membantu buat tugas kampus :D
kunjungin website ane jg bali website design
mantap . .. . . .
lo mau belajar lebih lanjut harus mampir di blog mana nch ??
Saran: Cara memakai nya dan kepanjangan nya, klo bisa mas di bikin juga hehehe. Mkasih bnyak mas. May Allah SWT Helps you.
Mohon saran apakah ada hubungan edit HTML blog agar muudah dideteksi google sebab blog saya susah dicari
Komentar ini telah di hapus oleh pengarang. Wkkw
Terima kasih gan infonya, kalau berminat mampir Jasa Website Profesional
Terimakasih kak atas infonya, sangat membantu sekali, untuk penjelasnnya juga sangat mudah d pahami. Kalo boleh kasih saran, langkah-langkahnya juga di tambahkan. Semangat terus untuk menulis blog lainnya kak 😊. Perkenalkan nama saya Sri Agustina Nim saya 1922500194 dan link website saya https://www.atmaluhur.ac.id
Terimakasih kak atas ilmunya,sangat membantu dalam mengerjakan tugas kuliah semoga bisa lebih banyak lagi memberi ilmu yang bisa bermanfaat bagi orang" terutama generasi milenial seperti saya,perkenalkan nama saya Dita Rahmanda,nim saya 1922500076,dari kelompok Si2j dan link website kampus saya https://www.atmaluhur.ac.id/
Hallo kak/bro nama saya RyonaldoPutraWijaya
Saya seorang mahasiswa baru yang mengambil jurusan SI
Dan dengan ada nya blog ini sangat membantu saya untuk belajar tentang HTML dan Coding saya sangat berterimakasih atas pelajaran yang telah kak/bro beri ke kami , ohh iya saya sertakan link kampus saya ya kak https://www.atmaluhur.ac.id/
cek definisi tautan berhasil gak
exsdee
Posting Komentar