Berikut adalah sebagian dari kode-kode dasar HTML.
Penulisan teks untuk HEADING menggunakan kode:
<h1> Teks </h1>. Heading pada halaman terdiri dari kode <h1> sampai <h6>Penulisan teks tebal dan besar menggunakan kode:
<strong>Teks disini</strong>Penulisan teks tebal menggunakan kode:
<b>Teks disini</b>Penulisan teks kecil menggunakan kode:
<small> Teks </small>Penulisan teks besar menggunakan kode:
<big> Teks </big>Penulisan
<s> Teks Coret </s> pada HTML.Penulisan teks miring atau font italic menggunakan kode:
<i> Teks italic </i>Teks atau huruf berwarna. Contoh Teks Warna. Kodenya:
<font color="kode_warna"><b> teks disini </b></font>Membuat Paragraf dalam HTML dituliskan dengan kode:
<p> teks anda disini </p>Menyelaraskan teks paragraf.
Untuk teks rata kanan gunakanTeks ke Link pada halaman. Kodenya:
<p align="left"> teks anda disini </p>
teks rata tengah
<p align="center"> teks anda disini </p> dan teks rata kiri
<p align="right"> teks anda disini </p>
<a href="http://Url">Link_Teks</a>Penulisan link berwarna dalam HTML seperti contoh ini Link adalah:
<a href="URL"><font color="red"><b>Link</b></font></a>Membuat garis. Untuk garis sederhana gunakan kode <hr>. Untuk lebar garis, anda tinggal menyesuaikan misalnya:
<hr width="50%">Huruf dengan ukuran kodenya:
<hr width=80%>
<hr width="100%">
Garis dengan ukuran dan warna <hr style="color: yellow; size: 5; width: 75%;">.
Anda juga dapat membuat tampilan garis yang unik menggunakan CSS.
<font size="20px">Teks</font>.Membuat Link dengan gambar seperti dibawah
Anda bisa menggunakan unit EMS (em), PIXELS (px), PERSEN (%), dan POINT (pt) dalam menentukan ukuran huruf.
kodenya adalah:<a href="URL"><img src="URL_GAMBAR" alt="Judul_Alternatif"></a>Membuat Ikon halaman seperti yang terdapat disudut kanan atas halaman ini atau lebih dikenal dengan nama Favicon ICO dengan kode:
Dalam HTML 4.01 tidak diperlukan tag penutup, jika anda menggunakan dokumen jenis xHTML, maka gunakan tag penutup seperti ini:
<a href="URL"><img src="URL_GAMBAR" alt="Judul_Alternatif" /></a>
<link rel="shortcut icon" type="images/x-icon" href="url_gambar">.Membuat tombol Button yang dapat diklik seperti
Ukuran file gambar sebaiknya 16x16 Pixels dalam format ICO
Radio Button
Kodenya:
<button type="button">HOME</button> atau <input type="button" value="HOME">
: On/OffBody halaman dengan latarbelakang gambar kodenya:
Kodenya:
<input type="radio" name="ok" value="">
<body style="background-image: url_gambar">Body halaman dengan latarbelakang warna kodenya:
<body style="background-color: kode_warna">Memperkecil ukuran gambar dari ukuran yang sebenarnya seperti ini:
Body tags didefenisikan dengan:
Kodenya adalah <img src="url_gambar" width="lebar_gambar" height="tinggi_gambar" border="0" alt="Judul">.
Anda tinggal menyesuaikan ukuran lebar dan tinggi gambar dengan menggunakan unit px atau %. Bingkai (border) gambar dapat anda sesuaikan.
<body alink="red" valink="maroon" link="yellow" text="white" bgcolor="black">Daftar Tanpa Nomor atau list-style di defenisikan dengan tag <ul> sedangkan item didefenisikan dengan <li>.
Body tags menyangkut body dokumen, seperti hyperlink, gambar, teks, list, background dan sebagainya.
Daftar list dengan nomor otomatis di defenisikan dengan tag <ol>. Contohnya:
- Teks
- Teks
- Teks
Penulisan kode tersebut adalah:
<ul>
<li>Teks</li>
<li>Teks</li>
<li>Teks</li>
</ul>
Textarea copy paste didefenisikan dengan kode tag <textarea>
- Teks
- Teks
- Teks
Penulisan kode tersebut adalah:
<ol>
<li>Teks</li>
<li>Teks</li>
<li>Teks</li>
</ol>
Contoh:
Kodenya adalah:Membuat Text Berstabilo dengan kode HTML <span>. Contoh diatas menggunakan kode:
<textarea cols="Jumlah_kolom" rows="jumlah_baris">
Text, kode disini
</textarea>
<span style="background-color: #900; color: lime;"><b>Text Berstabilo</b></span>. Tag <span> digunakan pada elemen inline dalam dokumen.Membuat Text Berbayang.
Kodenya <font color="red" style="text-shadow: yellow 1px 1px 1px;"><b>Text Berbayang</b></font>Text underline atau BergarisBawah dengan kode:
<u>Teks disini</u>Superscript text didefinisikan dengan kode <sup>.
Teks superscript muncul setengah karakter diatas baseline. Contohnya:Subscript text atau mendefinisikan teks subscript dengan kode:
<b>TeksA<sup>TeksB</sup>TeksC</b>
Hasilnya:
TeksATeksBTeksC.
<sub>.
Teks subscript muncul setengah karakter bawah baseline. Contohnya:
<b>TeksA<sub>TeksB</sub>TeksC</b>Tag <div> mendefinisikan divisi atau bagian dalam dokumen HTML. Tag <div> juga digunakan untuk kelompok elemen block untuk memformat mereka dengan CSS. Contohnya::
Hasilnya:
TeksATeksBTeksC
<div style="color: red; background-color: blue;">Teks disini</div>Untuk kode-kode dasar html yang lain dan lebih lengkap, silahkan klik di :
Hasilnya:
Teks disini
http://www.w3.org
http://www.w3schools.com atau di
http://werbach.com
Catatan :
Adapun tag HTML blink (Teks berkedip) dan marquee (Teks berjalan), sebaiknya tidak digunakan sebab kedua tag tersebut tidak merupakan tag standard HTML yang di anjurkan oleh W3 dan juga karena banyak browser yang tidak mengenal/mendukung tag tersebut.
Sumber : http://wap.zhamelank.wen.ru/wap/wapmaster/html_code.html
0 comments:
Post a Comment