STANDAR KOMPETENSI

STANDAR KOMPETENSI Menggunakan homepage untuk informasi dan komunikasi

HTML(Hyper Text Markup Language) HTML Merupakan bahasa yang umum digunakan untuk membuat suatu web page (halaman web). Bahasa HTML ini berbasis pada text mode sehingga dalam penulisannya menggunakan program-program yang berbasis pada text, contohnya : Notepad, Textpad, wordpad, Microsoft word dll. Sebenarnya tanpa menggunakan penulisan HTML, halaman web juga dapat dibuat selain dengan program text mode, pembuatan halaman web bisa juga dilakukan dengan program berbasis Graphics User Interface (GUI), contohnya : Macromedia Dreamweaver, Macromedia Flash, Microsoft Frontpage, Microsoft Publisher dll

ELEMEN DASAR BAHASA HTML

Masing-masing elemen diapit oleh sebuah tanda yang disebut delimiter yaitu tanda lebih kecil < dan tand lebih besar > Sintaks : <nama elemen> Contoh : <html> Setiap elemen dalam dokumen HTML harus diakhiri dengan tag penutup untuk menghindari terbukanya informasi dalam suatu tag HTML. Sintaks : </nama elemen> Contoh : </html>

Penulisan elemen dasar HTML adalah sebagai berikut : <html> <head> <title> ………. </title> </head> <body> …………………… </body> </html>

Contoh : <html> <head> <title>Percobaan Membuat Web</title> </head> <body> Ini adalah salah satu cara membuat Web </body> </html>

Tag Utama HTML Tag utama HTML adalah tag yang digunakan untuk memanipulasi dokumen html, misalnya untuk mengatur paragraf, ganti baris dan lain-lain. Tag utama HTML terdiri dari: 1. Heading 2. Paragraf 3. Font • Break Line • Horizontal Line • Marque

Heading Tag heading adalah tag yang digunakan untuk membuat judul dari isi sebuah dokumen HTML. Tag heading memiliki 6 buah bilangan terdiri dari 1,2,3,4,5,6, masing-masing bilangan berfungsi untuk mewakili ukuran dari besarnya tag heading. Sintaks : <hn [properti]>...............................</hn> Keterangan : a. n adalah bilangan yang terdiri dari 1 s/d 6 b. properti adalah kemampuan tambahan yang dimiliki tag heading contoh : Align untuk pengaturan letah heading

Contoh Tag Heading Rata kiri : <html> <head> <title>Penggunaan Heading Rata kiri</title> </head> <body> <h1 align=“left”>Penggunaan Heading 1 Rata kiri</h1> <h2 align=“left”>Penggunaan Heading 2 Rata kiri</h2> <h3 align=“left”>Penggunaan Heading 3 Rata kiri</h3> <h4 align=“left”>Penggunaan Heading 4 Rata kiri</h4> <h5 align=“left”>Penggunaan Heading 5 Rata kiri</h5> <h6 align=“left”>Penggunaan Heading 6 Rata kiri</h6> </body> </html>

Contoh Tag Heading Rata Kanan : <html> <head> <title>Penggunaan Heading Rata Kanan</title> </head> <body> <h1 align=“justify”>Penggunaan Heading 1 Rata kanan</h1> <h2 align=“justify”>Penggunaan Heading 2 Rata kanan </h2> <h3 align=“justify”>Penggunaan Heading 3 Rata kanan </h3> <h4 align=“justify”>Penggunaan Heading 4 Rata kanan </h4> <h5 align=“justify”>Penggunaan Heading 5 Rata kanan </h5> <h6 align=“justify”>Penggunaan Heading 1 Rata kanan </h6> </body> </html>

Contoh Tag Heading Rata Kanan-Kiri: <html> <head> <title>Penggunaan Heading Rata Kanan-Kiri</title> </head> <body> <h1 align=“justify”>Penggunaan Heading 1 Rata kanan-kiri</h1> <h2 align=“justify”>Penggunaan Heading 2 Rata kanan-kiri </h2> <h3 align=“justify”>Penggunaan Heading 3 Rata kanan-kiri </h3> <h4 align=“justify”>Penggunaan Heading 4 Rata kanan-kiri </h4> <h5 align=“justify”>Penggunaan Heading 5 Rata kanan-kiri </h5> <h6 align=“justify”>Penggunaan Heading 1 Rata kanan-kiri </h6> </body> </html>

PARAGRAF Sintaks : <p [properti]>.................................</p> Keterangan : Properti : Align untuk pengaturan paragraf, nilainya adalah Left, Center, Right, dan Justify

Contoh Penggunaan Tag Paragraf : <html> <head> <title>Penggunaan Paragraf</title> </head> <body> <h1 align=“center”>Rame-Rame Tempur di Ayunan</h1> <p align=“left”>Sekali lagi, Honda beri pelajaran buat rivalnya di MotoGP. Tahun pertama perang kuda besi 4-tak, Honda bikin contoh mesin kampiun 5 silinder. Musim berikutnya, sayap tunggal memberi les lokal rangka dan fairing demi aero-dinamika RC211V. Honda memanfaatkan celah aturan FIM.</p>

<p align=“center”>Beda Inggris, beda pula AS. Soal Canon bagi kapal perang, Negeri Paman Sam sudah kenyang pengalaman dalam konflik Vietnam. Tak mau mengulang kesalahan yang sama maka begitu konflik usai, canon-canon pintar mulai dikembangkan di AS. Salah satu yang di rancang adalah “Sistem senjata target mendekat” atau Close-In Weapon System (CIWS), Phalanx. Senjata ini dibuat khusus Sekali lagi, Honda beri pelajaran buat rivalnya di MotoGP. Tahun pertama perang kuda besi 4-tak, Honda bikin contoh mesin kampiun 5 silinder. Musim berikutnya, sayap tunggal memberi les lokal rangka dan fairing demi aero-dinamika RC211V. Honda memanfaatkan celah aturan FIM.</p> </body> </html>

TUGAS : Buatlah 4 Buah Paragraf dengan isi bebas dan heading diatasnya, dengan ketentuan : • Paragraf 1 Rata kiri • Paragraf 2 Rata Tengah • Paragraf 3 Rata Kanan • Paragraf 4 Rata Kanan-Kiri

STANDAR KOMPETENSI