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

diyatimail@yahoo.co.id

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