Dasar HTML
Ciri-ciri html :
·
Ekstensi file berupa .htm atau .html
·
Non case sensitive.
·
Terdiri atas tag-tag pembuka dan penutup
(walaupun ada beberapa tag yang tidak memiliki penutup).
·
Tag-tag saling berpasangan & bersarang.
Struktur html :
1. Document
Information
<html></html>
2. Document
Header
<head></head>
3. Document
Body
<body></body>
Contoh html :
<HTML>
<HEAD>
<TITLE>Latihan 1</TITLE>
</HEAD>
<BODY>
Ini
tugas HTML pertama
</BODY>
</HTML>
·
Sebagian besar tag berpasangan.
·
Penulisan untuk tag yang berpasangan adalah
sebagai berikut :
<namatag>….</namatag>
Contoh:
<TITLE>Paragraf</TITLE>
<strong>Cetak
Tebal</strong>
·
Pada tag yang berpasangan seperti pada contoh
ini, <TITLE> adalah tag awal
dan </TITLE> adalah tag akhir.
·
Perhatikan tanda / pada tag akhir.
·
Nama tag dan atribut-nya tidak bersifat case
sensitive.
·
Penulisan
<strong> Cetak Tebal </strong> memberikan hasil yang sama
dengan <STRONG>Cetak Tebal</STRONG>.
·
Penulisan atribut suatu tag diletakkan setelah
nama tag. Jika ada lebih dari satu atribut maka digunakan spasi untuk
memisahkan. Urutan atribut tidak penting.
Contoh:
<FONT SIZE=3>Teks Baru</FONT>
<FONT SIZE=5 FACE=“verdana“>Teks Baru </FONT>
·
Nilai dari atribut ditulis setelah tanda sama
dengan (=). Pada contoh sebelumnya terlihat
bahwa atribut SIZE dari tag
FONT memiliki nilai 5 sedangkan
atribut FACE memiliki nilai “verdana”.
·
Jika nilai dari atribut hanya tunggal, maka kita
langsung menuliskan setelah tanda =. Jika lebih dari satu maka dapat digunakan
tanda ‘… ‘ atau “…”.
·
Pada contoh, tampak bahwa penulisan nilai untuk
atribut SIZE tanpa menggunakan tanda “..”, sedangkan pada atribut FACE tanda
“..” untuk menandai kata verdana.
Document Header :
·
Page Title
Judul dari
halaman web
contoh :
<title></title>
·
Scripting
Tempat
client-side script yang disertakan (javascript, vbscript, jscript)
contoh :
<script></script>
·
Style
Dipergunakan
untuk mengatur bagaimana sebuah halaman
web dengan
berbagai komponennya hendak ditampilkan ke
dalam browser
contoh :
<style></style>
·
Meta
Meta tags,
descriptions & keywords untuk mempermudah
search engine
dalam melakukan indexing.
contoh :
<meta></meta>
Document Body :
·
Bagian dari dokumen web yang akan ditampilkan ke
user
contoh :
<body></body>
Bagian ini
memuat :
1. Teks
& gambar
2. Link
3. Multimedia
and Special Programmed Events (Shockwave, SWFs, Java Applets, online video)
Penggunaan Headding :
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam
sebuah dokumen HTML.
Heading berbeda dengan tag <TITLE>.
HTML menyediakan enam tingkatan heading, dimana heading level 1 (<H1>)
adalah yang terbesar dan heading level 6 (<H6>) adalah yang
terkecil
Penggunaan paragraph :
Paragraf dalam HTML dibuat dengan tag <P>. Tag ini akan
membuat baris baru dengan menyisipi satu baris kosong. Penulisan isi paragraf
diapit oleh <P> dan </P>.
Pengaturan posisi paragraf dapat dilakukan dengan atribut ALIGN
yang diikuti dengan posisi yang diinginkan, yaitu left untuk rata kiri, center
untuk rata tengah horisontal dan right untuk rata kanan.
Line Break :
Line break digunakan untuk menuliskan teks pada baris berikutnya. Line
break dibuat dengan tag tunggal <BR>. Tag ini akan membuat baris baru tanpa
memberi baris kosong sebagaimana pada tag <P>.
Font :
HTML menyediakan fasilitas pengaturan huruf yang akan ditampilkan dalam
dokumen. Pengaturan ini dilakukan dengan tag berpasangan <FONT> dan
</FONT>. Tag ini memiliki beberapa atribut untuk mengatur ukuran, jenis
dan warna huruf yang digunakan.
Image :
<IMG
SRC=”file_gambar” ALT=”nama_alternatif”>
Background :
<HTML>
<BODY
BACKGROUND="kaligrafi.gif">
Test gambar
background
</BODY>
</HTML>
Pengertian PHP :
PHP Hypertext Processor. Bahasa berbentuk skrip è server è diproses di server è hasilnya dikirim ke
klien, tempat pemakai menggunakan browser.
Skrip PHP :
<html>
<head><title>LatihanPertama</title>
<body>
SelamatBelajarYa.
<br>
<?php
Printf (“Iniadalahpertemuanpertama”);
?>
</body>
</html>
Pada
prinsipnya sama dengan kode HTML. Perbedaannya hanya terletak ketika berkas
yang didapatkan oleh web server akan
dikirimkan kemesin PHP dan mesin inilah yang memproses dan memberikan hasilnya
berupa kode HTML ke web server, setelah itu diteruskan ke klien.
Hubungan PHP dengan DATABASE :
PHP
mampuberkomunikasidenganberbagai database yang terkenal.Beberapadiantaranya:
1
InterBase
2
Microsoft Access
3
MSQL
4
Oracle
5
PostgreSQL
6
MySQLi
Langkah memulai skrip PHP:
·
Membuat Program PHP ygpertama
·
Variable dalam PHP
·
Pernyataanberkondisi
·
Pengulanganpada PHP
·
Komentarpada PHP
·
Di computer telah terinstall aplikasi xampp atauwampp
server
Tidak ada komentar:
Posting Komentar