Tugas Kelas 12

Tugas kelas 12
Pelajari dan kerjakan latihan-latihan tulisan yang

berwarna merah
Kemudian simpan dalam bentuk html, hasil2nya
Dibuat dalam satu folder dan dikirimkan ke email
saya : sastraamijaya@gmail.com
Subjek email : Kelas_nama anda
Contoh : XII IPA 1_wulan k
Senin 01 Nopember 2010
idem
Selasa 02 Nopember 2010
idem
Kamis 04 Nopember 2010
Kelas akselerasi : dengan menggunakan media internet, carilah nama-nama
semua ikon pada toolbox corel draw serta sebutkan fungsi-fungsinya.
Kelas yang lain idem
HEADER ATAU KEPALA TULISAN
Header adalah huruf-huruf berukuran khusus yang digunakan untuk

menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari
H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header
yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<H1>Header level 1</H1>
1
<HTML><BODY>
Simpanlah dalam format file HTML kemudian buka dalam browser.

Hasilnya akan tampak sebagai berikut:
FORMAT TEXT HTML

Dibawah ini adalah contoh format teks yang sering digunakan di dalam
dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: 
<hr>
Aku sedang mempelajari format-format teks. 
Contoh-contohnya adalah sebagai berikut:
Teks Normal 
<tt>Teks mesin ketik</tt> 
Teks tebal (bold) 
Teks tebal dengan perintah Strong 
2
Teks dengan italic (miring) 
Teks miring dengan perintah Emphasized 
Teks bergaris bawah (underline) 
<strike>Teks tercoret (strike)</strike> 
<big>Teks lebih besar dari normal</big> 
Teks lebih kecil dari normal 
Teks menggunakan Subscript: Molekul Air adalah

H2O 
Teks menggunakan Superscript: Hasil dari

102=100 
</body>
</html>
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan
tag <pre>...</pre>, misalnya jika anda menuliskan syair sebuah lagu atau
puisi:
<html>
<body>
<pre>
PUITUIS ASA
Hari ini...
Aku sedang belajar...
Belajar tentang HTML.
Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh.
Tapi biarlah...
Akan kucoba...
Sampai pingsan.
3
</pre>
</body>
</html>
HEADER ATAU KEPALA TULISAN

Header adalah huruf-huruf berukuran khusus yang digunakan untuk
menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari
H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header
yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<HTML><BODY>
Mewarnai Text dan Background
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama
warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna
ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna
beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah
angka nol, bukan huruf O).
black #000000 blue #0000FF olive #808000
white #FFFFFF fuchsia #FF00FF green #008000
red #FF0000 gray #808080 teal #008080
yellow #FFFF00 silver #C0C0C0 navy #000080
lime #00FF00 maroon #800000 purple #800080
aqua #00FFFF
4
<HTML>
<BODY BGCOLOR="#FFFF00" TEXT="#FF0000">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
Tambahkanlah tag-tag berikut ini:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
</BODY>
</HTML>
Di sini terlihat bahwa kita menambah tag <HEAD> dan tag <TITLE>. Tag
HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang
berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita
memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini
berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web
tersebut. Sekarang mari kita tuliskan judul halaman web ini:
5
<HTML>
<HEAD>
<TITLE>Karya Pertamaku</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
</BODY>
</HTML>
Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan
melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh
seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan
Title Bar) dari program browser akan menampilkan judul atau titel dari
halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan
pertama kita.
Background
Dengan menggunakan latar belakang (background) maka website kita akan
nampak semakin menarik. Untuk memasukkan latar belakang kita bisa
menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
Hai.. Saat ini saya sedang belajar membuat latar belakang dengan
warna
Kalau anda kurang suka dengan warnanya... ganti aja deh... kode
6
warnanya... 
</body>
</html>
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode
hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Untuk mengetahui Kode Hexadecimal dan Nilai RGB
dari suatu warna.
Selanjutnya membuat latar belakang dengan grafik atau gambar.

Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang
akan dijadikan background, masukkan (copy) gambar tersebut ke folder
tempat file dokumen HTML anda berada, dan harus tahu nama dan
perluasan (extention) dari file tersebut, misalkan nama filenya adalah :
background.jpg
<html>
<head></head>
<body background="background.jpg">
<h1 color="red">Selamat datang di
Websiteku</h1><hr color="#ff0000" size="2">
Hai.. Saat ini saya
sedang belajar membuat latar belakang dengan gambar, 
7
Biar bagaimanapun anda diwajibkan harus menyukainya...
</body>
</html>
Kemudian latar belakang dapat juga menggunakan gambar yang ada di
website orang lain, tapi dengan catatan anda harus sedang terhubung ke
internet (online) dan harus tahu alamat url dari gambar tersebut di internet.
Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut
kemudian pilih properties dan lihat image location, copy alamat tersebut dan
ganti ke contoh dibawah ini diawalii dari http:
<html>
<head></head>
<body
background="http://i185.photobucket.com/albums/x272/akomara/HeaderLa
gi.jpg">
Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan
menggunakan gambar dari website orang lain! hua ha..ha..ha..
Mudah-mudahan yang punya website ngamuk sekalian deh...siapa
takut!!
</body>
</html>

Tugas Kelas 12

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Kelas 12

Diunggah oleh

Hak Cipta:

Format Tersedia

Tugas kelas 12

Pelajari dan kerjakan latihan-latihan tulisan yang

HEADER ATAU KEPALA TULISAN

Header adalah huruf-huruf berukuran khusus yang digunakan untuk

Simpanlah dalam format file HTML kemudian buka dalam browser.

FORMAT TEXT HTML

<h1>Ini adalah halaman HTML pertamaku.</h1>

Dikerjakan oleh:

<p>Aku sedang mempelajari format-format teks.<br>

Contoh-contohnya adalah sebagai berikut:</p>

<tt>Teks mesin ketik</tt><br>

<b>Teks tebal (bold)</b><br>

<strong>Teks tebal dengan perintah Strong</strong><br>

<em>Teks miring dengan perintah Emphasized</em><br>

<u>Teks bergaris bawah (underline)</u><br>

<strike>Teks tercoret (strike)</strike><br>

<big>Teks lebih besar dari normal</big><br>

<small>Teks lebih kecil dari normal</small><br>

Teks menggunakan Subscript: Molekul Air adalah

Teks menggunakan Superscript: Hasil dari

HEADER ATAU KEPALA TULISAN

black #000000 blue #0000FF olive #808000

white #FFFFFF fuchsia #FF00FF green #008000

red #FF0000 gray #808080 teal #008080

yellow #FFFF00 silver #C0C0C0 navy #000080

lime #00FF00 maroon #800000 purple #800080

Tambahkanlah tag-tag berikut ini:

Selanjutnya membuat latar belakang dengan grafik atau gambar.

Anda mungkin juga menyukai