Perintah-Perintah
Dasar dalam HTML (Commands at HTML)
Tag HTML Yang Diperlukan di dalam
Script template , Script Kode atau di dalam Script widget dll mempunyai Kode
script seperti ini:
<html>
<head>
<title>Nama Dokumen Yang
Muncul Dalam Judul, Bukan Pada Halaman </ title>
</ head>
<body>Ketik Informasi Yang
Ingin Ditampilkan Pada Halaman Di Sini
</ body>
</ html>
Dalam Script HTML template widget
ini, tag <body> (perintah),Kamu dapat menggunakan tag HTML lain untuk
menambah gambar dan/atau suara, menghubungkan halaman Anda ke halaman lain
(URL) di Web, sorot teks dengan huruf tebal atau italic itu, atau mengubah
ukuran font Aneh . Perhatikan bahwa semua tag harus dipanggil dengan
mengetikkan tag antara dua kurung (yaitu, <body> ). Ketik tag dalam kurung
lagi dengan sebuah garis miring di depan jika (yaitu, </ body> ) untuk
meniadakan efek.
Berikut Dasar-dasar Script kode
dalam HTML:
(untuk digunakan dalam file
<body>):
<p>Teks Yang Anda Ketik</
p>
» Membuat paragraf (satu spasi antar
baris dibuat)
<i>Teks Yang Anda
Ketik</i>
» Perintah untuk membuat font
menjadi miring
<b>Teks Yang Anda
Ketik</b>
» Perintah untuk membuat font
menjadi tebal
<blockquote>Teks Yang Anda
Ketik</blockquote>
» Menempatkan teks yang Anda
mengutip ke dalam dokumen web - teks akan indentasi
<pre>Teks Yang Anda
Ketik</pre>
» Mempertahankan format/lekukan dari
teks yang dimasukkan
<strong>Teks Yang Anda
Ketik</strong>
» Juga membuat teks seperti bold
<center>Teks Yang Anda
Ketik</center>
» Perintah untuk membuat teks
menjadi rata tengah
<blink>Teks Yang Anda
Ketik</ Blink>
» Perintah untuk membuat teks
berkedip-kedip
<font size=7>Teks Yang Anda
Ketik</ font>
» Perubahan ukuran teks -7 adalah
font yang terbesar yang tersedia dan 1 adalah yang terkecil (satu spasi)
<h1>Teks Yang Anda
Ketik</h1>
» Teks muncul dalam font terbesar
yang tersedia (dua spasi)
<h6>Teks Yang Anda
Ketik</h6>
» Teks muncul dalam font terkecil
yang tersedia
Ada <h2> melalui tag
<h5> tersedia untuk ukuran font antara <h1> dan <h6> -
percobaan dengan ukuran yang paling cocok untuk Anda.
<body
bgcolor="#FFFFFF">
» Untuk membuat pola latar belakang.
Ada web/blog di mana Anda dapat
menemukan kode (misalnya, #FF0000=red) untuk latar belakang/text warna:
Backgrounds
<body
background="small.gif">
<body
text="#FF0000">
» Ini akan mengubah warna semua teks
dalam dokumen menjadi merah
<font
color="#FF00FF">
» Ini akan mengubah warna apa yang
Anda ketik menjadi magenta
Membuat DAFTAR
Unordered list
<ul> <li> Ini adalah tag
untuk membuat daftar unordered <li> Setiap hal yang Anda ketik setelah
tag <li> akan muncul di samping peluru pada halaman web <li> Teks
ini akan muncul di sebelah peluru ketiga - peluru yang menjorok </ul>
Perintahkan DAFTAR
<ol> <li> Ini adalah tag
untuk membuat daftar memerintahkan <li> Setiap hal yang Anda ketik
setelah tag <li> akan muncul di samping nomor di web Halaman <li>
Teks ini akan muncul di sebelah nomor "3" pada halaman web
</ol>
Deskriptif Daftar (berguna untuk
membuat bibliografi, misalnya)
<dl> <dt> Tag untuk
menciptakan judul pertama dari daftar deskriptif Anda <dd> Ini adalah
item pertama di bawah judul pertama dari daftar - akan menjorok <dd> item
lain dalam daftar di bawah judul yang sama - juga akan menjorok <dt> Ini
adalah gelar kedua dalam Anda Daftar deskriptif <dd> ini adalah item
menjorok pertama di bawah judul kedua dalam daftar deskriptif Anda
</dl>
Membuat TABEL
<table border> Ini adalah tag
untuk membuat tabel <tr> ini adalah tag untuk baris tabel <td> ini
adalah tag untuk sel (kotak) dalam baris </ td> <td> Anda mungkin
ingin memiliki dua atau lebih sel dalam setiap baris tabel </ td>. </
tr> <tr> Ini adalah tag untuk baris tabel kedua <td> ini adalah
tag untuk pertama sel (kotak) di baris kedua </ td> <td> Ini adalah
sel kedua (box) di baris kedua </ td> </ tr></ table>
Tag HTML lainnya dapat digunakan
dalam setiap sel untuk memformat teks Anda. Pada titik tertentu Anda mungkin
ingin memiliki kontrol lebih besar atas perbatasan atau jarak meja Anda. Lihat
salah satu tutorial banyak di Web. Melakukan pencarian dan masukkan kata kunci
"Tutorial HTML."
Menempatkan <hr>
"bayangan" garis pada halaman web
<br>Tipe pada akhir garis
untuk memulai istirahat baris (yaitu, ini seperti carriage return)
Perhatikan bahwa tidak ada
"end" tag (yaitu, tidak ada </hr> atau </br>) dengan
tag.
Membuat Link
<a href="Masukkan
URL">Nama tag Yang Diinginkan</ a>
Contoh: <a
href="http://www.mtholyoke.edu">Mount Holyoke
perguruan</a>
Maka, teks yang akan muncul dengan
warna biru pada halaman web adalah: "Mount Holyoke College"
Jika Anda klik di atasnya, Anda
secara otomatis akan dikirim ke homepage Mount Holyoke College
M
embuat LINK ke alamat E-mail:
<a href="mailto:
gariscerdas@mhc.mtholyoke.edu">Tutorial Blog Garis Cerdas</
a>
(Jika Anda klik pada Tutorial Blog
Garis Cerdas, maka otomatis akan langsung tersambung ke bentuk E-mail
yang akan muncul)
TAG
|
KETERANGAN DAN 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 horizontal
|
<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 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>
|
Tidak ada komentar:
Posting Komentar