PEMROGRAMAN DASAR
PENGERTIAN HTML
HTML atau Hypertext
Markup Language adalah
suatu sistem penulisan perintah dan formating hypertext sederhana yang ditulis
ke dalam dokumen teks ASCII agar dapat menghasilkan tampilan visual yang
terintegrasi.
MACAM-MACAM TAG HTML
<!– –>
|
Memberi
komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak
akan terlihat pada browser
|
<a href>
|
Membuat
link ke halaman lain atau ke bagian lain dari halaman tersebut
|
<a name>
|
Membuat
nama bagian yang didefinisikan pada link pada halaman yang sama
|
<applet>
|
Sebagai
awal dari Java applets
|
<area>
|
Mendefinisikan
daerah yang dapat diklik (link) pada image map
|
<b>
|
Membuat
teks tebal
|
<basefont>
|
Membuat
atribut teks default seperti jenis, ukuran dan warna font
|
<bgsound>
|
Memberi
(suara latar) background sound pada halaman web
|
<big>
|
Memperbesar
ukuran teks sebesar satu point dari defaultnya
|
<blink>
|
Membuat
teks berkedip
|
<body>
|
Tag
awal untuk melakukan berbagai pengaturan terhadap text, warna link &
visited link
|
<br>
|
Pindah
baris
|
<caption>
|
Membuat
caption pada tabel
|
<center>
|
Untuk
perataan tengah terhadap teks atau gambar
|
<comment>
|
Meletakkan
komentar pada halaman web tidak tidak akan nampak pada browser
|
<dd>
|
Indents
teks
|
<div>
|
Represents
different sections of text.
|
<embed>
|
Menambahkan
sound or file avi ke halaman web
|
<fn>
|
Seperti
tag <a name>
|
<font>
|
Mengganti
jenis, ukuran, warna huruf yang akan digunakan utk teks
|
<form>
|
Mendefinisikan
input form
|
<frame>
|
Mendefinisikan
frame
|
<frameset>
|
Mendefinisikan
attribut halaman yang akan menggunakan frame
|
<h1> … <h6>
|
Ukuran
font
|
<head>
|
Mendefinisikan
head document.
|
<hr>
|
Membuat
garis horizontal
|
<html>
|
Bararti
dokumen html
|
<i>
|
Membuat
teks miring
|
<img>
|
Image,
imagemap atau an animation
|
<input>
|
Mendefinisikan
input field pada form
|
<li>
|
Membuat
bullet point atau baris baru pada list (berpasangan dengan tag <dir>,
<menu>, <ol> and <ul> )
|
<map>
|
Mendefinisikan
client-side map
|
<marquee>
|
Membuat
scrolling teks (teks berjalan) – hanya pada MS IE
|
<nobr>
|
Mencegah
ganti baris pada teks atau images
|
<noframes>
|
Jika
browser user tidak mendukung frame
|
<ol>
|
Mendefinisikan
awal dan akhir list
|
<p>
|
Ganti
paragraf
|
<pre>
|
Membuat
teks dengan ukuran huruf yg sama
|
<script>
|
Mendefinisikan
awal script
|
<table>
|
Membuat
tabel
|
<td>
|
Kolom
pada tabel
|
<title>
|
Mendefinisikan
title
|
<tr>
|
Baris
pada tabel
|
<u>
|
Membuat
teks bergaris bawah
|
Tag-Tag di dalam HTML di gunakan untuk
menandai elemen-elemen (head, dll) dalam suatu dokumen HTML.
Karakteristik Tag-Tag dalam HTML:
·
Tag HTML di awali dengan tanda kurang dari
(<) dan di akhiri dengan tanda lebih dari (>)
Contoh: <head>, </p> dll
Contoh: <head>, </p> dll
·
Tag-Tag dalam HTML biasanya selalu
berpasangan
contoh: <head> berpasangan dengan </head>
<head> = awal tag
</head> = akhir tag
contoh: <head> berpasangan dengan </head>
<head> = awal tag
</head> = akhir tag
·
Tag HTML tidak bersifat "Case
Sensitive" yang artinya tidak membedakan char besar dan kecil
contoh: <b> sama dengan <B>
contoh: <b> sama dengan <B>
·
Jika didalam tag terdapat tag tidak boleh tag
saling bersilangan.
contoh salah:
<b><i>ini adalah tak saling bersilangan</b></i>
contoh benar:
<b><i>ini adalah contoh benar</i></b>
contoh salah:
<b><i>ini adalah tak saling bersilangan</b></i>
contoh benar:
<b><i>ini adalah contoh benar</i></b>
Atribut Tag:
atribut tag di gunakan untuk menggambarkan karateristik isi dari tag semisal memberi warna bacground, memformat tulisan, memberi garis batas border dll.
atribut tag di gunakan untuk menggambarkan karateristik isi dari tag semisal memberi warna bacground, memformat tulisan, memberi garis batas border dll.
·
contoh tag yang tidak menggunak atribut:
<head>Tidak menggunakan atribut</head>
nb:pada contoh di atas warna bacground akan di set defaul yaitu bewarna putih
<head>Tidak menggunakan atribut</head>
nb:pada contoh di atas warna bacground akan di set defaul yaitu bewarna putih
·
contoh tag yang menggunakan atribut:
<head bgcolor = "red">Menggunakan Atribut Tag </head>
nb:pada contoh di atas menggunakan atribut tag bgcolor = "red"yang mana atribut itu akan menampilkan warna background merah.
<head bgcolor = "red">Menggunakan Atribut Tag </head>
nb:pada contoh di atas menggunakan atribut tag bgcolor = "red"yang mana atribut itu akan menampilkan warna background merah.

Tidak ada komentar: