HTML
HTML (HyperText Markup Language) adalah bahasa program yang dignakan untuk menulis format dokumen
yang dapat digunakan dalam WEB. Penulisannya menggunakan text biasa yang di
rangkap dengan tag HTML. Untuk membuatnya kita hanya perlu menyiapkan Program /
aplikasi text Editor seperti Notepad (Windows) dan Gedit (Linux dan Mac).
Pengenalan Kode HTML :
1.
<html>
2.
</html>
Kode diatas
disebut sebagai Tag, Tag adalah kode yang digunakan untuk merubah teks ASCII
menjadi file HTML. Setiap Tag diapit oleh tanda kurung runcing. Ada tag pembuka
yaitu <html> da nada tag penutup </html> yang di tandai dengan
tanda slash (Garis Miring) di depan awal tulisannya. Tag di atsa memberikan
perintah bahwa yang akan di tulis di antara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag html dapat di tulis
dengan huruf besar maupun huruf kecil. Artinya penulisan <html> dengan
</HTML> sama saja hasilnya. Namun perlu diingat penulisan tag yang salah
meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, dan
tidak bias di tampilkan di dalam browser.
Tag berikutnya adalah :
1.
<html>
2.
<body>
3.
Di tempat inilah dokumen yang
akan
Terbaca di browser.
4. </body>
5. </html>
Coba cek ya di simpen dengan cara klik File Save as nah jika ada jendela
muncul, pada pilihan save as type pilih all files dan di form isian nama,
berilah nama misalkan :contoh.html dan klik save. Coba buka file tsb dengan
menggunakan browser favorit anda.
HEADER
Oh iya, di dalam HTML terdapat 6 tingkatan heading
yang di awali dari angka 1-6, Namun angka 1 adalah (size terbesar) dan angka 6
(size terkecil)
<body>
<h1> header 1</h1>
<h2> header 2</h2>
<h3>header 3</h3>
<h4>header 4</h4>
<h5>header 5</h5>
<h6>header 6</h6>
</body>
Maka
hasilnya akan seperti ini,
Header 1
Header 2
Header 3
Header 4
Header 5
Header
6
Sekarang tentang sedikit cara mengatur font
baik ukuran maupun warna pada HTML
<html>
<head>
<title> judul halaman yang muncul di title bar</title>
</head>
<body bgcolor=#0000 text=#ffffff>
<h1 align=center> STMIK
AMIKOM</h1>
<p><font color=green> perguruan
tinggi swasta di Yogyakarta </font>
<br> ada
elemen<u>underline</u>,<i>italic</i>, dan
bold</b>
<p><font color=yellow> belajar
html bersama pak barka!! </font>
</body>
</html>
Dan akan
seperti ini hasilnya :
STMIK AMIKOM
perguruan
tinggi swasta di Yogyakarta
ada elemen underline italic, dan bold
belajar
html bersama pak barka!!
|
.jpg)
nice post...kunjungi juga http://bit.ly/1Fdxa4n ada artikel menarik tentang stimulasi otak
BalasHapusMakasih gan dah mampir :)
Hapus