struktur dasar html
TRANSCRIPT
-
STRUKTUR DASAR HTML
Presented by:
Moh. Sulhan,S.T.,M.Kom
-
Stuktur Dasar HTML
Ekstensi / nama ahiran dari file adalah : .html / .htm
Tag HTML tidak bersifat case sensitive Struktur dasar HTML adalah :
..
awal tag
akhir tag
-
Diskripsi Dokumen
Isi Dokumen
Struktur HTML
Selamat Datang di Homepage
Pertamaku
-
Macam-macam Tag pada HTML
Heading sebuah dokumen dimulai dan dipisah oleh heading
Paragraf Membuat Paragraf
Elemen Blok dari isi page yg merupakan materi yg dikutip
BR Line Break
HR Membuat garis batas horisontal
Font menentukan format tampilan font
Karakter Khusus menampilkan karakter-karakter khusus
List item mengelompokkan data baik berurutan atau tidak berurutan
Hyperlink Membuat suatu link
Tabel membuat tabel
Image menambahkan gambar
Form membuat lembaran formulir
Frame membagi jendela browser menjadi beberapa bagian
-
HEADING
Heading Level1
Heading Level2
Heading Level3
Heading Level4
Heading Level5
Heading Level6
-
PARAGRAF
Pandai Bersyukur
Tidak usah risau terhadap nikmat yang belum
ada , justru risaulah kalau nikmat yang ada tidak
disyukuri
Hidup Bersahaja
Bersahaja itu bukan berarti sederhana tetapi
menafkahkan harta dengan tidak
berlebihan untuk memuaskan nafsunya dan
juga tidak kikir dalam berbuat kebaikan.
-
Elemen Blok
Sabar Ketika Lapang
Kita harus senantiasa berhati-hati jangan
sampai amal kita yang sedikit menjadi
hangus karena kebusukan hati.
1
-
Elemen Blok
Pesan Sabar :
-------------------------------------------
Dan ujian kesabaran terberat adalah
ketika kita mendapatkan pujian.
Ingat! setiap pujian yang
tidak dikembalikan kepada Allah
"maka itulah yang disebut ujub"
------------------------------------------
by:Rumi Suwardiyati
2
-
BR
Hal penting bagi kita yg perlu
diketahui adalah kunci
kesuksesan :
1. Mau bekerja keras
2. Didisplin
3. Bersabar
-
Tag HR dan Atributnya
- Tag digunakan untuk membuat garis batas horizontal.
- Tag sekaligus akan membuat baris baru.
- Tag ini mempunyai beberapa attribute sebagai berikut :
Atribut Fungsi
ALIGN Merupakan posisi vertical garis pemisah. Nilainya adalah LEFT, RIGHT
Atau CENTER
WIDTH Lebar dari garis batas. Nilai yang dimasukkan dapat berupa pixel ataupun
persen dari lebar jendela browser.
SIZE Menentukan tebal garis batas.
NOSHADE Menonaktifkan efek tiga dimensi.
COLOR Menentukan warna garis batas
-
HR
Garis Batas Biasa
Garis di posisi tengah
Garis di posisi kanan
Garis di posisi kiri
Garis tanpa efek 3 dimensi
Garis dengan warna tertentu
-
Memformat Teks
Logical Formatting Logical format akan menerapkan layout dokumen secara logis
Physical Formatting Physical format adalah format terhadap fisik suatu font Font digunakan untuk menentukan format tampilan font dalam document HTML
Karakter Khusus menampilkan karakter-karakter khusus
-
Logical Formatting
PHP uadalah Pemrograman web yang
bersifat server site.
Perintah pada php untuk mengetahui aktif
tidaknya PHP adalah phpinfo();
Istilah E-EDUCATION dikenal sbg program
pendidikan dg memanfaatkan internet
Aplikasi Web server yg biasa digunakan PHP
adalah Apache Web Server
Pada Abjad tedapat 5 huruf vokal,
yaitu: AEIUOU
Hal yang terpenting bagi pelajar
adalah BELAJAR
ILMU adalah harta yang paling berharga
-
Physical Formatting
Teks ini dicetak Tebal
Teks ini dicetak Miring
Teks ini dicetak dg garis bawah
Teks ini dicetak dg garis di tengah teks
Teks ini dicetak dg ukuran lebih besar dari normal
Teks ini dicetak dg ukuran lebih besar dari normal
Teks ini adalah subscript
Teks ini adalah superscript
-
FONT
Attribute Description
Color Untuk menentukan warna font, anda bisa menggunakan nama font atau
hexadecimal(#000000 - #ffffff)
Size Untuk menentukan ukuran dari font 1 7
Face Untuk menentukan jenis font biasanya dalam satu list ada beberapa font dan
akan di baca mulai dari yang paling kiri.
COLOR
Hexadecimal Color
#FF0000 Red
#00FF00 Green
#0000FF Blue
#000000 Black
#FFFFFF White
Bentuk standar penulisannya adalah :
-
FONT
SIZE
Bentuk standar penulisannya adalah :
FACE
Bentuk standar penulisannya adalah :
Attribut yang digunakan untuk menentukan ukuran dari teks, yang mempunyai standar ukuran
font 1-7.
Attribut yang digunakan untuk menentukan jenis font dari teks, Jenis font yang sering
digunakan diantaranya adalah : Times New Roman, Arial, Sans-serif, Courier New, Verdana,
Monotype Corsiva.
-
FONT
PENGGUNAAN TAG FONT DAN ATTRIBUTNYA
Times New Roman
Arial
Sans-serif
Courier New
Verdana
Monotype Corsiva
-
Karakter Khusus
Simbol Karakter
< > < >
& &
-
Karakter Khusus
Karakter Khusus
Air yang dibutuhkan kira - kira 70 C
Luas lingkaran adalah r2
-
By : MOH.SULHAN
X Penyisipan Gambar
Ada tiga jenis format yang paling sering digunakan :
1. GIF (Graphical Interchange Format) (*.GIF)
2. JPEG (Joint Photographic Expert Image) (*.JPG)
3. PNG (Portable Network Graphics) (*.PNG)
Untuk menambahkan gambar ke dalam dokumen HTML digunakan tag
. Tag mempunyai beberapa atribut sebagai berikut:
Atribut Keterangan
SRC Menunjuk ke direktori file gambar
ALIGN Menentukan posisi teks di sekitar gambar, dengan value : TOP, MIDDLE,
BOTTOM, LEFT, dan RIGHT.
WIDTH Menentukan lebar gambar dalam pixel
HEIGHT Menentukan tinggi gambar dalam pixel
ALT Menampilkan teks sebagai keterangan / tool tip dari gambar
-
By : MOH.SULHAN
X Penyisipan Gambar
Penulisan skrip secara umum adalah sebagai berikut :
-
By : MOH.SULHAN
X Perancangan WEB
Thanks