selamat pagi gan,,,,
udah lama gx posting ne,,
gara-gara sibuk trus dengan tugas kampus.
tapi saya tidak lupa posting di blog,,
okeee langsung saja ea gan..
disini saya posting gimana cara dasar dalam pemrograman web melalui HTML....
maaf ea gan, singkat kali pembukaannya,soalnya dosennya udah mau masuk.
jadi buru-buru...
oke langsung aja liat di bawah !!!!
Jika kita sering berselancar didunia desain web kita akan sering menjumpai halaman-halaman web dapat dikelompokkan menjadi 2 yaitu : halaman bersifat web statis dan web dinamis.
adapun sifatnya , halaman tersebut pasti melibatkan html
struktur dasar dari HTML :
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Dalam HTML ukuran tulisan ada 6 pilihan yaitu dengan menggunakan kode <h> </h>
contoh :
<HTML>
<HEAD>
<TITLE>latihan-I </TITLE>
<BODY bgcolor="red"> //Untuk warna latar
<h1>pandapotanr</h1>
<h2>pandapotanr</h2>
<h3>zippo samosir</h3>
<h4>zippo samosir</h4>
<h5>zippo samosir</h5>
<h6>zippo samosir</h6>
<hr>//Untuk membuat garis
<marquee>ILMU KOMPUTER</marquee>//Untuk membuat tulisan berjalan
</BODY>
</HTML>
///semakin besar jumlah angka pada H maka ukuran tulisan makin mengecil.
Thursday, November 7, 2013
Belajar HTML untuk pemula
LANDASAN TEORI
Hypertext Markup
Language (HTML) adalah bahasa yang
digunakan untuk menulishalaman web. Ciri
utama dokumen HTML adalah adanya tag
dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi dua
yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen
tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh
browser, seperti paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag dinyatakan dengan
tanda lebih kecil “ < “ ( tag awal ) dan tanda lebih besar “
> “ (tag akhir). Dalam penggunaannya sebagian besar
kode HTML tersebut harus terletak di
antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri
dengan </namatag> (terdapat tanda "/").
Dokumen HTML mempunyai
tiga buah tag utama yang membentuk struktur dari dokumen HTML yaitu
HTML,HEAD dan BODY. Tag HTML berfungsi untuk menyatakan
suatu dokumen HTML, tag HEAD berfungsi
untukmemberikan informasi tentang dokumen HTML
dan tag BODY berfungsi untuk menyimpan informasi
atau data yang akan ditampilkan dalam dokumen HTML.
LISTS
Tag utama
untuk tabel yaitu <TABLE> </TABLE> dan
untuk membuat judul tabel tag-nya table
header <TH></TH> lalu untuk membuat
data tabel atau isi tabel menggunakan
tag table <TD></TD> dan untuk membuat
baris adalah memakai tag Table Rows <TR> </TR>
FORM
Form biasanya digunakan
untuk mengumpulkan informasi dari user, sehingga memungkinkan suatu web server
untuk menerima informasi dari pemakai melalui sejumlah elemen yang disebut kontrol.
Kontrol ini bisa berupa suatu textbox, checkbox, radio button, push button,
list menu
dan lainnya.
Standart penulisan
form :
<form method=”post/get”
action=url”>
……..
…….
</form>
Atribut action berisi URL dari program yang
dipanggil oleh form tersebut.
Textbox
Textbox merupakan salah
satu jenis kontrol untuk memasukan data. HTML menyediakan tag
<input> dengan
atribut type=”text” untuk membuat kotak input. Atribut lain yaitu name untuk memberi
nama input, atribut Value untuk memberi nilai suatu input dan atribut size
untuk menentukan batas terpanjang sebuah masukan.
Dalam textbox
kita juga dapat menyembunyikan masukan yang
ditulis user dengan member nilai type=”password”. Masukan
akan menjadi karakter “*”.
- PERTEMUAN I
MATERI :
1.
Memahami Tag <table>
2.
Memahami tag <a href>
3.
Memahami tag <img src>
Latihan
1.
Buka notepad
2.
Ketikkan struktur HTML
3.
Simpan kode html dengan nama prak2.html
 |
4.
Aktifkan web browser (Mozilla Firefox, Opera,
Google Chrome, Apple Safari, Netscape Navigator, dsb)
5.
Buka file prak2.html dari web browse
<html>
<head>
<title>latihan
1</title>
</head>
<body>
<body
bgcolor="blue">
<p
align="center"> <h1>
WELCOME TO FIKOM</h1>
<h2> WELCOME TO FIKOM</h2>
<h3> WELCOME TO FIKOM</h3>
<h4> WELCOME TO FIKOM</h4>
<h5> WELCOME TO FIKOM</h5>
<h6> WELCOME TO FIKOM</h6>
<marquee> Good Day
Everibody</marquee>
</body>
</html>
Subscribe to:
Comments (Atom)
