Scribd
Unggah
448 tayangan

Script HTML

Dokumen tersebut memberikan penjelasan tentang dasar-dasar pemrograman HTML meliputi penggunaan tag-tag dasar seperti <html>, <head>, <title>, <body>, penggunaan tabel, gambar, tautan, dan frame. Diberikan pula contoh kode HTML sederhana.

Diunggah oleh

Dika Noviana
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai TXT, PDF, TXT atau baca online di Scribd
448 tayangan

Script HTML

Dokumen tersebut memberikan penjelasan tentang dasar-dasar pemrograman HTML meliputi penggunaan tag-tag dasar seperti <html>, <head>, <title>, <body>, penggunaan tabel, gambar, tautan, dan frame. Diberikan pula contoh kode HTML sederhana.

Diunggah oleh

Dika Noviana
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai TXT, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 4

Admin D1k! lagi pengen share script html nih...

Silakan di simak
Dalam menggunakan bahasa pemrograman HTML dibutuhkan 2 hal yaitu
a. Browser
b. Editor ( tempat menuliskan script / program )
Dalam Pemrograman Web di kenal ada 2 jenis pemrograman yaitu
Client Side Script yaitu pemrograman di sisi Client artinya semua proses dapat d
ilakukan di komputer Client
Server Side Script yaitu pemrograman di sisi server
Struktur dasar HTML
Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara t
ag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (ter
dapat tanda / ).
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
<html> Sebagai tanda awal dokumen HTML.
<head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tagtag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<title> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini
akan muncul pada bagian paling atas browser Anda (pada title bar).
<body> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna la
tar belakang, warna teks, warna link, warna visited link, warna active link dan
lain-lain.
Contoh Script HTML:
<html>
<head>
<title>Halaman pembuka</title>
</head>
<body> Selamat Belajar HTML </body>
</html>
Dibawah ini perintah-perintah yang digunakan pada HTML
Kumpulan 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 brow
ser
<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> )
<left> Untuk perataan kiri terhadap teks atau gambar
<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
<right> Untuk perataan kanan terhadap teks atau gambar
<strong> Mempertebal script
<table> Membuat tabel
Table Terdiri dari atribut :
align
perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor warna latar belakang (background) dari tabel.
border ukuran lebar border tabel (dalam pixel).
cellpadding
jarak antara isi cell dengan batas cell (dalam pixel).
cellspacing jarak antar cell (dalam pixel).
width ukuran tabel dalam pixel atau percent.
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah
Tabel
Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag tab
le Anda dapat membuat halaman web terbagi pada beberapa kolom atau baris. Contohny
a seperti pada halaman web yang sedang Anda baca ini.
Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABL
E>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terl
etak di antara tag <TABLE> dan </TABLE>
<table>
Terdiri dari atribut :
align perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor warna latar belakang (background) dari tabel.
border ukuran lebar border tabel (dalam pixel).
cellpadding
jarak antara isi cell dengan batas cell (dalam pixel).
cellspacing jarak antar cell (dalam pixel).
width ukuran tabel dalam pixel atau percent.
Contoh :
<table align= center bgcolor= #0000FF border= 2? cellpadding= 5? cellspacing= 2? width= 90%
<tr>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:
align
perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor warna latar belakang dari baris.
valign perataan vertikal : top, middle atau bottom.
Contoh :
<tr align= right bgcolor= #0000FF valign=top>
<td>
Tag ini digunakan untuk membuat kolom baru pada tabel.
align perataan
background image yang digunakan sebagai latar belakang dari kolom.
bgcolor
warna latar belakang
colspan lihat gambar contoh
height ukuran tinggi cell dalam pixels.
nowrap membuat supaya isi dari kolom tetap berada pada satu baris.

rowspan
lihat gambar contoh
valign perataan vertikal :top, middle atau bottom.
width
ukuran kolom dalam pixel atau percen.
Contoh :
<td align= right background= back.gif bgcolor= #0000FF colspan= 3? height= 200? nowrap row
n= 2? valign= bottom width= 300?>
<table width= 100? >
<tr>
<td >1</td>
<td> 2</td>
<td >3</td>
</tr>
<tr>
<td >4</td>
<td> 5</td>
<td >6</td>
</tr>
<td >7</td>
<td> 8</td>
<td >9</td>
</tr>
</table>
Hasilnya bisa dicoba sendiri...
Images
Images :
Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.
Atribut : alt, align=(center, left, right), hspave, vspace, border, width & heig
ht
Contoh :
<img SRC= logo.gif alt= Ini adalah logo halaman pembuka width=200 height=100>
<img SRC= logo.gif hspace=10 vspace=5 align=right border=2>
Links :
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <a> d
an </a> akan terdapat garis bawah.
Contoh :
<a href= halaman2.html >Klik di sini</a> Untuk membuat link ke halaman lain.
<a href= mailto:[email protected] >Klik di sini</a> Untuk membuat link pada a
lamat e-mail.
<a href= #aplikasi >Klik di sini</a> Untuk membuat link ke bagian lain pada halaman
yang sama.
<a href= http://gr4*tis.16mb.com >Klik di sini</Aa> Untuk membuat link kebagian lain
pada halaman yang berbeda.
<a href= halaman2.html ><img src= gambar.gif >Klik Disini</img></a> Untuk membuat link d
engan menggunakan gambar.
Frame
Membagi-bagi jendela browser menjadi beberapa bagian. Baik secara vertical dan h
orizontal.
Atribut FRAMESET :
COL : Membuat Vertical FRAME
ROW : Membuat Horizontal FRAME
FRAMESPACING : Spasi di sekitar FRAME
FRAMEBORDER : Membuat border pada FRAME
Atribut FRAME SRC :
MARGIN WIDTH
MARGIN HEIGHT
SCROLLING
NORESIZE
FRAMEBORDER
Contoh
<frameset cols= *,* >

<frame src= 1.html >


<frameset rows= *,* >
<frame src= 2.html >
<frame src=:3.html >
</frameset>
</frameset>
Mungkin hanya itu yang bisa admin D1k! sampaikan,,, kurang lebihnya bisa cari se
ndiri.. smile emotikon
D1k!

Anda mungkin juga menyukai