(SoBlohAne)-Setelah kita sedikit tahu tentang HTML seperti postingan saya di awal, kita langsung saja belajar sedikit sedikit dengan mempraktekkannya. Anda dapat menggunakan teks editor misalkan "Notepad" atau untuk lebih mudahnya anda dapat menggunakan "Dreamweaver" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser seperti Mizzilla firefox, Google Chroom atapun browser yang lainnya.
1 Menampilkan teks:
Belajar bahasa pemrograman web mudah juga ya :)
Buka notepat atau dreamweaver tulis script dibawah ini
Simpan file dengan nama : Lat1-1.html
<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
Belajar bahasa pemrograman web mudah juga ya :)
</body>
</html>
Buka folder dimana filetadi disimpan, lalu bukalah dengan Browser
Tambahan:
Gantilah teks tersebut dengan teks lainnya.
2. Merubah warna teks menjadi merah:
Belajar bahasa pemrograman web mudah juga ya :)
Buka notepat atau dreamweaver tulis script dibawah ini
Simpan file dengan nama : Lat1-2.html
<head>
<title>Latihan1-2</title>
</head>
<body text="red">
Belajar bahasa pemrograman web mudah juga ya :)
</body>
</html>
Buka folder dimana filetadi disimpan, lalu bukalah dengan Browser
Tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.
3. Merubah warna background menjadi hitam.
Buka notepat atau dreamweaver tulis script dibawah ini
Simpan file dengan nama : Lat1-3.html
<head>
<title>Latihan1-3</title>
</head>
<body text="red" bgcolor="black">
Belajar bahasa pemrograman web mudah juga ya :)
</body>
</html>
Buka folder dimana filetadi disimpan, lalu bukalah dengan Browser
Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.
4. Merubah background dengan suatu gambar.
Buka notepat atau dreamweaver tulis script dibawah ini
Simpan file dengan nama : Lat1-4.html
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
Belajar bahasa pemrograman web mudah juga ya :)
</body>
</html>
Buka folder dimana filetadi disimpan, lalu bukalah dengan Browser
#catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar
5. Membuat link ke url
Buka notepat atau dreamweaver tulis script dibawah ini
Simpan file dengan nama : Lat1-5.html
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
Belajar bahasa pemrograman web mudah juga ya :)
<a href="url">Tujuan link</a>
</body>
</html>
Catatan :
"url" isikan dengan alamat tesebut akan dituju misal "http://soblogane.blogspot.com"
"Tujuan link" isikan nama yang akan ditulis.
6. Membuat list
Buka notepat atau dreamweaver tulis script dibawah ini
Simpan file dengan nama : Lat1-6.html
Namun sebelum masuk kode Htmlnya, anda dapat memahami list ini :
list angka dengan type="1"
list abjad dengan type="A"
list romawi dengan type="I"
list persegi dengan type="square"
list lingkaran hitam dengan type="disc"
<html>
<head>
<title>Latihan1-5</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
<p><h1>Cara Membuat List</h><p>
<h2>List Pertama</h2>
<ol type="A">
<li>list1
<ul type="square">
<li>sub list 1</li>
<li>sub list 2</li>
<li>sub list 3</li>
</ul>
</li>
</ol>
</body>
</html>
"<h2>List Pertama</h2>" untuk tipe "<h2>.......</h2>", "h2" sesuaikanlah Dengan ukuran yang akan anda buat dengan h1 untuk yang paling besar h2 ukuran dibawah h1.
Bagaimana mudah bukan?
Setelah anda paham, anda bisa langsung membuatnya dan kembangkanlah sesuai dengan kreativitas anda masing-masing. Sampai Berjumpa lagi dengan Soblogane.blogspot.com di belajar HTML berikutnya.
0 comments:
Post a Comment