multimedia: Modul 1 Dasar

MODUL 1

DASAR-DASAR HTML

Dalam modul ini anda akan berlatih untuk menggunakan berbagai tag dasar untuk pemrograman web menggunakan HTML, Ketikkan setiap kelompok tag dalam sebuah file, simpan dalam folder anda sendiri yang telah di teantukan, kemudian jalankan di web browser yang relah terinstal, Ketikkan setiap sumber apa asanya terlebih dahulu ( termasuk spasi kosong). Perhatikan hasil tampilannya, kemudian belajar untuk memodifikasi setiap kelompok tag untuk mengetahui maksud dari setiap baris tag HTML yang anda ketikkan. Jangan lupa untuk menyimpan setiap modifikasi anda sebelum menjalankan ulang di dalam browser.

HTML DASAR

<html>

<body>

Isi dari elemen body akan ditampilkan dalam browser anda

</body>

</html>

PARAGRAF SEDERHANA

<html>

<body>

<p>Ini adalah paragraph.</p>

<p>Elemen paragraph didefinisikan oleh tag p.</p>

</body>

</html>

PARAGRAF YANG LEBIH KOMPLEKS

<html>

<body>

<p>

Paragraph ini

Mengandung banyak baris

Dalam kode sumbernya,

Tetapi browser

Akan mengabaikannya.

</p>

<p>

Paragraph ini

Mengandung banyak spasi

Dalam kode sumbernya ,

Tetapi browser

akan mengabaikannya.

</p>

<p>

Jumlah baris dalam setiap paragraph tergantung pada ukuran window browser anda. Bila anda mengubah ukuran window browser, jumlah baris dalam paragraph akan berubah.

</p>

</body>

</html>

LINE BREAK

<html>

<body>

<p>

Untuk memotong <br>baris<br>dalam sebuah <br>paragraph,<br>gunakan tag br.

</p>

</body>

</html>

MASALAH PEMFORMATAN

<html>

<body>

<p>

Satu-satu, aku sayang ibu

Dua-dua, aku sayng ayah.

Tiga-tiga, aku sayang kakak

Satu, dua, tiga, sayang semuanya.

</p>

<p>perhatikan bahwa browser begiti saja mengabaikan pemformatan anda!>/p>

</body>

</html>

HEADING

<html>

<body>

<h1>ini adalah heading 1</h1>

<h2>ini adalah heading 2</h2>

<h3>ini adalah heading 3</h3>

<h4>ini adalah heading 4</h4>

<h5>ini adalah heading 5</h5>

<h6>ini adalah heading 6</h6>

<p>gunakan tag heading hanya untuk membuat heading saja. Jangan menggunakan tag tersebut hanya untuk membuat tampilan huruf tebal. Gunakan tag lain untuk keperluan itu.

</p>

</body>

</html>

HEADER YANG DI LETAKKAN DI TENGAH

<html>

<body>

<h1 align=”center”>ini adalah heading 1</h1>

<p>heading di atas telah diposisikan untuk berada di tengah halaman ini. Heading di atas telah di posisikan untuk berada di tengah halaman ini. Heading di atasa telah di posisikan untuk berada di tengah halaman ini.</p>

</body>

</html>

GARIS HORISONTAL

<html>

<body>

<p>tag hr mendefinisikan sebuah garis horizontal:</p>

<hr>

<p>ini adalah sebuah paragraph</p>

<hr>

<p>ini adalah sebuah paragraph</p>

<hr>

<p>ini adalah sebuah paragraph</p>

</body>

</html>

KOMENTAR TERSEMBUNYI

<html>

<body>

<!—ini adalah komentar yang tidak akan ditampilkan -- >

<p> Yang ini adalah paragraph biasa</p>

</body>

</html>

WARNA LATAR BELAKANG

<html>

<h2>lihatlah: latar belakang berwarna!</h2>

</body>

</html>

multimedia

Rabu, 01 Februari 2012

Modul 1 Dasar - dasar HTML

1 komentar: