Praktikum Pemrograman Internet 1
MODUL 1
HTML (HyperText Mark-Up Language)
Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang
[email protected]
Praktikum Pemrograman Internet 1
Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah – perintah dasar HTML 2. Mahasiswa dapat membuat beberapa halaman website sederhana 1.2 Materi : 1. Tag – tag Dasar HTML 2. Atribut Tag HTML 3. Value Atribut HTML 4. LIST HTML HTML DASAR HTML (HyperText Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs Untuk belajar HTML dasar sebaiknya anda menggunakan Notepad Struktur Dasar HTML
…… ……………. PENGUNAAN TAG DAN ATRIBUTNYA Dalam pembuatan dokumen HTML penulisan elemen yang diawali dan diakhiri dengan tag HTML Tag HTML diapit dengan dua karakter kurung sudut ( < dan > ) Tag HTML secara normal selalu berpasangan misal (
...) Tag pertama dalam suatu pasangan adalah tag awal, dan tag yang kedua merupakan tag akhir. Jika dalam suatu tag terdapat tag lain, maka penulisan tag akhir tidak boleh bersilang dan harus berurutan. Misalnya :
..Tebal dan Miring.. Tag HTML tidak case sensitive. Ini artinya sama dengan TAG HTML Merupakan tag dasar yang mendifinisikan bahwa dokumen adalah dokumen html. Tag ini merupakan suatu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen html. Penulisan tag seperti berikut ini :
[email protected]
Praktikum Pemrograman Internet 1
pada awal dokumen dan pada akhir dokumen TAG HEAD Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head kecuali judul dokumen – tidak akan terlihat oleh pembaca dokumen tersebut. Penulisan tag seperti berikut ini : di awal setelah dan di akhir section head. Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut : • Menyediakan judul dokumen • Menjembatani hubungan antar dokumen • Memberitahu browser untuk membuat form pencarian • Menyediakan metode untuk mengirim pesan ke tipe browser Elemen yang mungkin terdapat pada bagian head : • Tag
, digunakan untuk memberi judul dokumen. Penggunaannya adalah sebagai berikut : Judul Dokumen TAG BODY : Bagian BODY merupakan isi dari dokumen HTML. Semua informasi yang akan ditampilkan, mulai dari teks, gambar, sound, dan lain-lain, akan ditempatkan di bagian ini. Seperti telah disebutkan di atas, bagian BODY diawali oleh tag dan ditutup . Tag Body mempunyai atribut
[email protected]
Praktikum Pemrograman Internet 1
Elemen Heading
Tag heading berfungsi untuk memformat heading (judul dan sub judul) Elemen Paragrap Berfungsi pengaturan antara paragrap dalam halaman web Atribut Elemen Paragrap : Align = [ left | center | right ] Elemen Break
Berfungsi untuk memberikan baris baru suatu paragrap dalam halaman web. Elemen Horisontal Rules
Berfungsi untuk menampilkan garis horisontal di dalam halaman web. Atribut elemen horisontal rule : Align = [ left | center | right ] (Horizontal aligment, default center) Size = pixels (line height, default 2) Width = length ( line width, pixed or percentage, default 100%) Noshade = solid line Elemen Pemformatan Karacter Font pada halaman HTML dapat diformat sesuai dengan desain yang ditentukan, baik ukuran, jenis maupun warna. Elemen Ragam Karakter bold italic underline Element List Properties digunakan untuk menampilkan informasi dalam bedua jenis yang dikenal HTML, yaitu : Unordered list