Archive
Website Sederhana
<html> <head> <title>Biodata</title> </head> <body> <h2>Biodata</h2> <img src="images/biodata.jpg" witdh="300"/> <table width="300"> <tr> <td>Nama</td> <td>Budiman</td> </tr> <tr> <td>Alamat</td> <td>Jalan melati no 1 Jakarta Pusat</td> </tr> <tr> <td>Email</td> <td>email@domain.com</td> </tr> <tr> <td>No telepon</td> <td>0856123456</td> </tr> <tr> <td>Status</td> <td>Belum Menikah</td> </tr> <tr> <td>Agama</td> <td>Islam</td> </tr> <tr> <td>Motto</td> <td>Belajar yang rajin</td> </tr> <tr> <td>Website favorit</td> <td><a href="http://www.google.co.id" target="_blank">google</a>, <a href="http://www.yahoo.co.id" target="_blank">yahoo</a>, <a href="http://www.facebook.com" target="_blank">facebook</a></td> </tr> </table> </body> </html>
latihan2_1
Tag HTML Dasar yang biasa digunakan
Terkadang kita tidak membutuhkan semua tag HTML, hanya beberapa saja sudah cukup, berikut adalah tag-tag yang paling sering digunakan, antara lain
1.Headings
<h1></h1>
Digunakan untuk header/judul, bisa diatur besar kecilnya, terdiri dari <h1> sampai <h6>
<html> <head></head> <body> <h1>Selamat Datang Kawan</h1> <h2>Selamat Datang Kawan</h2> <h3>Selamat Datang Kawan</h3> <h4>Selamat Datang Kawan</h4> <h5>Selamat Datang Kawan</h5> <h6>Selamat Datang Kawan</h6> </body> </html>
latihan1
latihan1_1
2.Paragraphs
<p></p>
Digunakan untuk penulisan kalimat atau esay membentuk paragraph
<html> <head></head> <body> <h1>Selamat Datang Kawan</h1> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> </body> </html>
latihan1_2
latihan1_3
3. Link
<a href="#">Link</a>
Bisa disebut juga hyperlink, digunakan untuk melompat langsung ke alamat/address tertentu di sebuah halaman website.
<html> <head></head> <body> <h1>Selamat Datang Kawan</h1> Sebuah link : <a href="http://www.google.co.id">google</a> </body> </html>
latihan1_4
latihan1_5
4. Tag Image
<img src="#" />
Digunakan untuk menampilkan gambar/image, tag image ini tidak memerlukan tag penutup. Isi dari
src
adalah lokasi dimana sumber gambar berada.
<html></pre> <head></head> <body> <h1>Selamat Datang Kawan</h1> <img src="images/jendelaPesawat.JPG" width="300" height="300" /> </body> </html>
latihan1_6
latihan1_7
5. Tag Table
<tables> <tr> <td></td> </tr> </table>
Digunakan untuk membuat suatu tabel. Tag
<tr>
berarti baris, tag
<td>
berarti kolom.
<html> <head></head> <body> <h1>Selamat Datang Kawan</h1> <table border="1" width="200"> <tr> <td>No</td> <td>Nama</td> <td>Umur</td> </tr> <tr> <td>1</td> <td>Budi</td> <td>30 tahun</td> </tr> <tr> <td>2</td> <td>Tono</td> <td>40 tahun</td> </tr> </table> </body> </html>
latihan1_8
latihan1_9
6. Tag Enter
<br />
Digunakan untuk pindah baris, tag
<br />
tidak memiliki tag penutup.
<html><head></head> <body><h1>Selamat Datang Kawan</h1> Selamat <br /> Datang <br /> Kawan. </body> </html>
latihan1_10
latihan1_11
3 tag penting
Terdapat 3 jenis tag yang penting atau bisa dibilang wajib ada di setiap halaman website HTML,antara lain
1. HTML
<html></html>
diantara tag ini akan diletakkan tag-tag HTML secara keseluruhan
2. Head
<head></head>
diantara tag ini akan diletakkan tag-tag header, misalnya <title></title>
3. Body
<body></body>
diantara tag ini akan diletakkan konten/isi dari website
Yang dibutuhkan untuk membangun sebuah website HTML
Sebelum kita membangun sebuah website (HTML), ada beberapa yang perlu dipersiapkan (minimal harus ada), antara lain
1. Jika OS anda berbasis LINUX
a. Software Editor
Digunakan untuk menulis tag-tag HTML.
1. Bluefish
Bluefish
b. Software Browser
Digunakan untuk membuka halaman website
1. Firefox
Firefox
Tag HTML
Tag HTML, selanjutnya kita sebut tag saja, adalah suatu kode/tanda singkat tetapi memiliki arti dan fungsi. Tag memiliki awalan/start dan akhiran/end. Sesuatu yang dibuka oleh tag, harus ditutup pula oleh tag itu sendiri.
<html> <head><title>Judul</title></head> <body> Ini tubuh </body> </html>
Pengenalan HTML
Hyper Text Markup Language, biasa disingkat sebagai HTML. Bukan merupakan bahasa pemrograman, tetapi bahasa markup.
HTML ini terdiri dari kumpulan tag yang disusun sehingga membentuk sebuah halaman website yang dapat diakses oleh browser.
<html> <head><title>HTML Sederhana</title></head> <body> <h2>Selamat Datang</h2> <span>Saya sedang belajar HTML</span> <table border="1"> <tr> <td>No</td> <td>Nama</td> </tr> <tr> <td>1</td> <td>Budi</td> </tr> </table> <br /> <Strong>Terima kasih</strong></body></html>
HTMLSederhana
Idmartinwp's Blog 