DUNIA SOFIE

Saturday, November 13, 2010

Table HTML

PERINTAH :
Bacalah pengantar tentang membuat tabel dalam HTML berikut, kerjakan latihan soalnya dan buat kesimpulan dari praktikum yang Anda kerjakan.

Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris.
Tabel didefinisikan dengan tag <table>. Sebuah tabel dibagi menjadi beberapa baris
(dengan tag <tr>), dan setiap baris dibagi menjadi beberapa kolom (dengan tag
<td>). Td kependekan dari "table data" yang berarti tempat menyimpan data (data
cell). Sebuah cell data dapat berupa teks, image, list, paragraf, form, tabel,dll.

Contoh : table.html

<html>
<body>
<p><strong>
Satu Kolom:</strong></p>
<table border="1">
<tr>
<td>500</td>
</tr>
</table>
<h4>Satu baris dan lima kolom:</h4>
<table border="1">
<tr>
<td>1000</td>
<td>2000</td>
<td>3000</td>
<td>4000</td>
<td>5000</td>
</tr>
</table>
<h4>Dua baris dan lima kolom :</h4>
<table border="1">
<tr>
<td>1000</td>
<td>2000</td>
<td>3000</td>
<td>5000</td>
<td>6000</td>
</tr>
<tr>
<td>7000</td>
<td>8000</td>
<td>9000</td>
<td>10000</td>
<td>11000</td>
</tr>
</table>
</body>
</html>

Tebal border tabel didefinisikan dengan tag border, letak posisi tabel didefinisikan dengan tag align, warna background tabel didefinisikan dengan tag bgcolor

Contoh : tableborder.html

<html><title>Border Tabel</title> <body>
<h4>border normal, letak di tengah:</h4>
<table border="1" align="center">
<tr>
<td>Baris Pertama - Kolom Pertama </td>
<td>Baris Pertama - Kolom Kedua </td>
</tr>
<tr>
<td>Baris Kedua - Kolom Pertama </td>
<td>Baris Kedua - Kolom Kedua </td>
</tr>
</table>
<h4>border lebih tebal, letah di tengah, lebar tabel 90%:</h4>
<table border="8" align="center" width="90%">
<tr>
<td>Baris Pertama - Kolom Pertama </td>
<td>Baris Pertama - Kolom Kedua</td>
</tr>
<tr>
<td>Baris Kedua - Kolom Pertama</td>
<td>Baris Kedua - Kolom Kedua </td>
</tr>
</table>
<h4>border sangat tebal, letak di tengah, lebar tabel 90%, warna background = #FFDFAA: </h4>
<table width="90%" border="15" align="center" bgcolor="#FFDFAA">
<tr>
<td>Baris Pertama - Kolom Pertama </td>
<td>Baris Pertama - Kolom Kedua</td>
</tr>
<tr>
<td>Baris Kedua - Kolom Pertama</td>
<td>Baris Kedua - Kolom Kedua </td>
</tr>
</table>
</body>
</html>

EMPTY CELL

berikut ini contoh penggunaan cell yang kosong pada tabel, untuk membuat cell yang kosong digunakan entitas  

contoh : emptycell.html

<html><title>Empty Cell</title>
<body>
<table border="1">
<tr>
<td>Tulisan Teks </td>
<td>Tulisan Teks</td>
</tr>
<tr>
<td></td>
<td>Tulisan Teks</td>
</tr>
<tr>
<td> </td>
<td>Tulisan Teks</td>
</tr>
</table>
<p>Jika suatu tabel tidak ada data, maka akan dianggap
tidak ada border seperti terlihat pada baris kedua - kolom
pertama. Untuk mengatasinya bisa dengan trik memberikan
spasi, yaitu dengan teks di kode "&nbsp;".
</p>
</body>
</html>

Monday, November 1, 2010

Tugas List HTML

List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).
Contoh: Kita mau mengelompokkan data-data berikut : Pisang, Jambu, Apel, Anggur dapat kita kelompokkan ke dalam kelompok: Buah-buahan
1. ORDERED LIST
Untuk membuat list terurut nomor (ordered list), kita gunakan tag pembuka <ol> dan penutup </ol>, sedangkan untuk mendata setiap itemnya menggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.ol kependekan dari Ordered List, li kependekan dari List Item

Latihan : orderedlist.html

<html>
<head>
<title>Ordered List</title>
</head>
<body>
<p>Daftar Hari:</p>


<ol>
   <li>Senin</li>
   <li>Selasa</li>
   <li>Rabu</li>
   <li>Kamis</li>
   <li>Jum'at</li>
   <li>Sabtu</li>
   <li>Minggu</li>
</ol>
   <p>Daftar Kuliah :</p>
   <ol>
   <li>Web Design</li>
   <li>Pemrograman web</li>
   <li>Database</li>
</ol>

</body>
</html>

Friday, October 29, 2010

Gallery OMB 2010

Tugas TI (Materi : Link HTML)

Kerjakan tugas berikut ini dan buat kesimpulan menurut pemahaman Anda!
Ketik skrip HTML berikut :

<html>
<head>
<title>Link dalam satu dokumen</title> </head>
<body>
<p>Isi Bab :</p>
<p><a href="#isibab1">1. Bab 1</a><br>
<a href="#isibab2">2. Bab 2</a><br>
<a href="#isibab3">3. Bab 3</a></p>
<p> </p>

<h2><a name="isibab1">Bab1</a></h2>
<p>Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Pengertian lain WWW (World Wide Web) merupakan kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan Internet. Informasi dalam Web mempunyai link yang menghubungkan informasi yang satu dengan informasi yang lain dalam jaringan Internet. Link ini berupa tanda khusus yang biasanya dinyatakan dengan teks berwarna biru dan bertanda garis bawah/dalam bentuk icon maupun gambar yang dikelilingi kotak. Untuk mengetahui apakah suatu teks/obyek merupakan suatu link, lihatlah perubahan pada petunjuk mouse. Jika petunjuk mouse berubah dari bentuk tanda panah menjadi gambar tangan yang sedang menunjuk, berarti teks/obyek tersebut merupakan suatu link yang menghubungkan Anda ke informasi lain dalam WWW. Sistem yang dapat mengubungkan informasi melalui link disebut Hypertext. Dengan semakin berkembangnya WWW, istilah Hypertext kemudian berubah menjadi Hypermedia, di mana link penghubung antar informasi bukan lagi berupa suatu teks, tetapi bisa berupa suatu file multimedia, seperti gambar, suara/video
</p>

<h2><a name="isibab2">Bab 2</a> </h2>
<p>Web Browser disebut juga sebagai perambah atau peramban, adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web. Web Browser yang cukup popular adalah Firefox dan IE (Internet Explorer). di internet banyak betebaran macam-macam web browser</p>

<h2><a name="isibab3">Bab 3 </a></h2>
<p>Pada bulan Maret 1989, Berners-Lee (Sir Timothy John Â¨TimÂ¨ Berners-Lee), seorang lulusan Oxford University yang berkebangsaan Inggris, mengajukan proposal tentang suatu sistem berbasis hypertext yang memungkinkan para peneliti Fisika bisa berbagi informasi secara efisien dan efektif. Proposal yang diberi judul "HyperText and CERN". CERN adalah nema tempat Berners-Lee bekerja pada saat itu, yaitu kependekan dari Conseil European pour la Recherce Nucleaire, yang merupakan sebuah laboratorium riset bidang Fisika di Jenewa, Swiss.
Pada akhir tahun 1990, sebuah bentuk rancangan web berhasil dijalankan di sebuah mesin komputer NeXT. Saat itu, web sudah mengandung line-mode user interface yang disebut sebagai www, yang merupakan cikal bakal kelahiran WWW (World Wide Web).
Pada bulan Mei 1991, interface www tersebut mulai dipasang di mesin CERN dan dapat diakses melalui jaringan. Kemudian, untuk pertama kalinya, tepatnya pada bulan Agustus 1991, informasi mengenai web tersebut disebarluaskan melalui newsgroup Usenet di alt.hypertext dan melalui newsletter CERN pada Desember 1991. Pada saat itulah web dan www mulai dikenal secara luas, meskipun masih menggunakan browser line-mode interface. Unutk berpindah dari satu halaman ke halaman lainnya, pengguna harus mengetikkan perintah-perintahnya.
Pada bulan Mei 1993, Marc Andeesen dan beberapa murid dari NCSA membuat web browser unutk sistem x-windows yang berbasiskan grafik dan yang mudah digunakan yang diberi nama Mosaic. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows, dan Macintosh
</p>
</body>
</html>

Buat laporan praktikum dan dikumpulkan pada saat jadwal kuliah

Selamat mengerjakan

Thursday, October 21, 2010

Tugas MM

Kerjakan tugas berikut ini dan buat kesimpulan menurut pemahaman Anda!
1. Buatlah file biodata.html yang berisi uraian biodata Anda.
2. Ketik skrip HTML berikut :

<html>
<head>
<title>Link Relatif</title> </head>
<body>
<a href="biodata.html">Biodata</a></body> </html>

Jalankan di browser dan buatlah kesimpulan dari praktikum tersebut

3. Ketik skrip HTML berikut :

<html>
<head>
<title>link</title>
</head>
<body>
<a href="http://www.eepis-its.edu">Link ke www.eepis-its.edu</a>
</body>
</html>

Jalankan di browser dan simpulkan menurut pemahaman Anda

4. Ketik skrip HTML berikut :

<html>
<head>
<title>Link dalam satu dokumen</title> </head>
<body>
<p>Isi Bab :</p>
<p><a href="#isibab1">1. Bab 1</a><br>
<a href="#isibab2">2. Bab 2</a><br>
<a href="#isibab3">3. Bab 3</a></p>
<p> </p>

<h2><a name="isibab1">Bab1</a></h2>
<p>Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.
Pengertian lain WWW (World Wide Web) merupakan kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan Internet. Informasi dalam Web mempunyai link yang menghubungkan informasi yang satu dengan informasi yang lain dalam jaringan Internet. Link ini berupa tanda khusus yang biasanya dinyatakan dengan teks berwarna biru dan bertanda garis bawah/dalam bentuk icon maupun gambar yang dikelilingi kotak. Untuk mengetahui apakah suatu teks/obyek merupakan suatu link, lihatlah perubahan pada petunjuk mouse. Jika petunjuk mouse berubah dari bentuk tanda panah menjadi gambar tangan yang sedang menunjuk, berarti teks/obyek tersebut merupakan suatu link yang menghubungkan Anda ke informasi lain dalam WWW. Sistem yang dapat mengubungkan informasi melalui link disebut Hypertext. Dengan semakin berkembangnya WWW, istilah Hypertext kemudian berubah menjadi Hypermedia, di mana link penghubung antar informasi bukan lagi berupa suatu teks, tetapi bisa berupa suatu file multimedia, seperti gambar, suara/video
</p>

<h2><a name="isibab2">Bab 2</a> </h2>
<p>Web Browser disebut juga sebagai perambah atau peramban, adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web. Web Browser yang cukup popular adalah Firefox dan IE (Internet Explorer). di internet banyak betebaran macam-macam web browser</p>

<h2><a name="isibab3">Bab 3 </a></h2>
<p>Pada bulan Maret 1989, Berners-Lee (Sir Timothy John Â¨TimÂ¨ Berners-Lee), seorang lulusan Oxford University yang berkebangsaan Inggris, mengajukan proposal tentang suatu sistem berbasis hypertext yang memungkinkan para peneliti Fisika bisa berbagi informasi secara efisien dan efektif. Proposal yang diberi judul "HyperText and CERN". CERN adalah nema tempat Berners-Lee bekerja pada saat itu, yaitu kependekan dari Conseil European pour la Recherce Nucleaire, yang merupakan sebuah laboratorium riset bidang Fisika di Jenewa, Swiss.
Pada akhir tahun 1990, sebuah bentuk rancangan web berhasil dijalankan di sebuah mesin komputer NeXT. Saat itu, web sudah mengandung line-mode user interface yang disebut sebagai www, yang merupakan cikal bakal kelahiran WWW (World Wide Web).
Pada bulan Mei 1991, interface www tersebut mulai dipasang di mesin CERN dan dapat diakses melalui jaringan. Kemudian, untuk pertama kalinya, tepatnya pada bulan Agustus 1991, informasi mengenai web tersebut disebarluaskan melalui newsgroup Usenet di alt.hypertext dan melalui newsletter CERN pada Desember 1991. Pada saat itulah web dan www mulai dikenal secara luas, meskipun masih menggunakan browser line-mode interface. Unutk berpindah dari satu halaman ke halaman lainnya, pengguna harus mengetikkan perintah-perintahnya.
Pada bulan Mei 1993, Marc Andeesen dan beberapa murid dari NCSA membuat web browser unutk sistem x-windows yang berbasiskan grafik dan yang mudah digunakan yang diberi nama Mosaic. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows, dan Macintosh
</p>
</body>
</html>

Jalankan browser dan simpulkan
5. Buat laporan praktikum dan dikumpulkan pada saat jadwal kuliah

Selamat mengerjakan

DUNIA SOFIE

Kategori

Kotak Pesan Singkat