Belajar Dasar HTML -ke 1

Aku bukan seorang Ahli  tapi aku ingin berbagi..........
= Sedikit ilmu yang aku dapat, ingin rasanya dapat bermanfaat untuk semua  yang ingin belajar untuk maju, semoga catatan  ini dapat menambahkan setitik ilmu  dan kepintaran bagi kita =

( HTML ) HyperText Markup Language adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web untuk internet.
---------------------------------------------------------------------------------------------------------
Program yang sederhana dalam pembuatan bahasa HTML ini adalah NOTEPAD yang ada pada program Window.  Cara membukanya program Notepad adalah  =   Klik START - Pilih All Programs - Cari Accessories - Cari lagi Notepad lalu di Klik.
------------ Mulai mengetik untuk program HTMLnya----Jika sudah selesai simpan ---dengan cara :
Klik File - Save - ketik nama datanya (misal:  latihdasar.html ) - lalu kli SAVE.
------------ Mulai menjalankan menampilkan / menjalankan datanya adalah :
Buka program Internet Explore / Mozila - klik 2x ---bila tidak ada buka dari = Klik START - pilih dan klik Internet Explore / Mozila- lalu klik berkas - buka berkas - cari datanya misal yang tadi  :  latihdasar.html- klik Open, lihat hasilnya.

------------------------- Mulai belajar bahasa programnya -----------------------------
01. Membuat Tulisan Tebal (bold) kodenya    : ------- <b>SAYA</b>
02. Membuat huruf Miring (italics) kodenya     : -----  <i>INGIN </i>
03. Membuat Garis Bawah (underline) kodenya : -- <u> BELAJAR </u>
04. Membuat pindah Baris baru  kodenya  : --------- <br />--- tempatkan diakhir
05. Membuat tulisan Rataan Tengah. kodenya: --- <center>DASAR </center>
06. Membuat tulisan Rataan Kanan. kodenya: ----- <p align="right">MEMBUAT</p> 
07. Membuat tulisan Rataan Kiri. Kodenya yaitu---- <p align="left"> HTML</p>
08. Membuat tulisan Rataan Kiri-Kanan Kodenya -<p align="justify">UNTUK</p>
09. Membuat Font/gaya teks. kodenya: -- <font face="Verdana">MEMBUAT</font>           dan silahkan untuk merubah JENIS FONT dapat diganti "Verdana" dengan nama 
        font yang anda inginkan seperti: Arial, Georgia, Times, dll. 
10. Membuat  Pengatur Warna Teks.
       Kodenya : ---- <font color="yellow"> WEBSITE </font>
       Silahkan ubah warna yellow (kuning) dengan warna lain seperti red (merah), atau
       green (hijau), atau blue (biru) dan lain - lain
11. Membuat Ukuran Besar-Kecil Tulisan 
       Kodenya :---- <font style="font-size:150%;"> SEDERHANA </font> 
       dan untuk mengatur ukuran huruf yang anda inginkan, silahkan untuk merubah 
       nilai"500%"  dengan ukuran yang anda perlukan.
12. Membuat Tulisan berjalan (marquee).
       Kodenya---- <marquee>INTERNET</marquee> 
  
Contoh Penerapan
<html>
<body>
<b>SAYA</b><i>INGIN</i><u>BELAJAR</u><br/>
(marguee>INTERNET</marguee>
<center>DASAR</center><br/>
<p align="right">PEMBUATAN </p>
<p align="left">HTML</p>
<p align="justify">UNTUK ---- ---- dst </p>
<font face="verdana">MEMBUAT</font>
<font color="yellow">WEBSITE</font>
<font style="font-size:200%>SEDERHANA</font>
</body>
</html>
SAYAINGINBELAJAR
INTERNET
DASAR
PEMBUATAN
HTML
UNTUK ( perintah justify ini adalah untuk membuat tulisan ini rata kanan dan kiri,coba perhatikan perataannya apakah rata semua baik yang kiri atau kanan )
MEMBUAT <--model tulisan jenis verdana WEBSITE SEDERHANA

Belajar Dasar HTML - ke 2

13. Membuat teks kecil naik , kodenya : --------<sup> superscript </sup>
14. Membuat teks kecil turun, kodenya : --------<sub> sub script <sub>
15. Membuat tulisan di coret , kodenya : --------<s> Strikeout - tulisan dicoret </s>
16. Memubat penulisan bebas ,  
       kodenya : ----------<pre>PENULISAN Semaunya<dfn>Definition</dfn></pre>
17. Membuat text berkedip ,
       kodenya : ----------<blink> Text berkedip (digunakan dalam hal penting)</blink>
18. Membuat ukuran tulisan lebih besar,
       kodenya : ----------<big> Ukuran teks akan lebih besar satu ukuran</big><br />
18. Membuat ukuran tulisan lebih kecil,
       kodenya : ----------<small> Ukuran teks akan lebih kecil satu ukuran</small>

Contoh Penerapan  dan hasilnya:

Membuat teks kecil naik superscript
Membuat teks kecil turun sub script
Strikeout - tulisan dicoret
PENULISAN Semaunya  Definition
Text berkedip (digunakan dalam hal penting)
Ukuran teks akan lebih besar satu ukuran
Ukuran teks akan lebih kecil satu ukuran

PENULISAN KARAKTER-KARAKTER KHUSUS

Ada  karakter yang tidak bisa ditulis secara langsung, jika karakter ini ditulis maka akan hilang atau berubah, jadi dalam penuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
Karakter
Kode
> 
&gt;
< 
&lt;
&
&amp;
"
&quot;
(spasi)
&nbsp;


LIHAT TABEL Tag Berikut (untuk sekedar tahu)
Tag
Keterangan
<!-- ... -->
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 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>

LIHAT LANJUTAN KE HAL: 2
Langganan: Postingan (Atom)