1.
Pengenalan HTML
HTML
merupakan singkatan dari Hypertext
Markup Language.
Ada beberapa versi dari HTML sejak
dimulainya penggunaan web dan pengembangannya diawasi oleh organisasi yang
bernama W3C (WORLD WEB WEB CUSURTIUM). Dalam perancangan dokumen web,kita
memerlukan bantuan tools editor. Tools Editor adalah program aplikasi yang
dapat digunakan untuk membuat dokumen HTML. Ada banyak HTML editor yang digunakan diantaranya :
Ms.FrontPage,Dreamweaver,Notepad.
Pembuatan HTML tergolong mudah. Kita tinggal
membuka tools editor,lalu mengetikkan scrip dan simpan dengan ekstensi .html, kita pun berhasil merancang
sebuah dokumen web.
2.
Elemen Dan Struktur HTML
Tag adalah kode yang digunakan untuk
pengaturan halaman web.Tag ada dua macam,yaitu tag pembuka (<>) dan tag penutup (</>). Sepasang tag dan isi disebut dengan sebuah elemen.
Sebuah tag pembuka dapat membawa sebuah
atribut atau lebih. Atribut adalah keterangan yang digunakan untuk memperjelas
elemen yang membawa mereka.
Atribut ada 2 jenis,yaitu :
a.
Name :
merupakan properti dari elemen yang ditetapkan. Elemen <a> membawa sebuah atribut href yang dapat digunakan untuk
menunjukkan alamat link.
b.
Value
: merupakan nilai yang kita inginkan dari property. Biasanya ditandai dengan tanda petik dua (“ “). Contohnya “www.google.com”.
Elemen untuk membuat paragraf
1.
<p> dan <br>
a.
Elemen <p> digunakan untuk membuat
paragraf baru dari baris sebelumnya,sedangkan elemen <br> digunakan hanya
untuk membuat baris baru,jadi jarak
tulisan elemen <p> lebih jauh dibanding dengan elemen <br>.
Perhatikan contoh scrip berikut,membuat paragraf baru :
<html>
<head>
<title>Website
Pertamaku</title>
</head>
<body>
<h1>Website
Pertamaku</h1>
<p>Hallo apa kabar,ini
adalah web buatanku yang pertama kali.</p>
<p>Namaku adalah Sorta Maria
Renigka Sianturi,Kuliah di AMIK BINUS.</p>
<p>Aku sekarang tingkat 2
semester 3 tepatnya dikelas pagi.</p>
<h3>Kalok webnya kurang
bagus,harap maklum yah,Kan masih banyak yang belum dipelajari.</h>
</body>
</html>
b.
Elemen <h..>dikenal ada 6 tingkatan
heading,yaitu h1-h6. Dengan tingkat ukuran terbesar dimulai h1 dan terkecil h6.
Untuk menambahkan elemen heading pada teks hanya perlu menuliska :
<h...>teks heading <h..>.
c.
Elemen <blockquote> digunakan untuk menandai
bagian yang lebih dikhususkan dari sebuah dokumen. Bagian yang ada dalam elemen
ini akan lebih menjorok kedalam paragraf.
Contoh penggunaan elemen
<h..> dan <blockquote> :
<html>
<head>
<title>Informasi Mahasiswa
AMIK BINUS</title>
</head>
<body>
<h1>Informasi tentang
Mahasiswa AMIK BINUS</h1>
<h2>Manajemen Informatika
Komputer</h2>
<h3>MIK 80</h3>
<blockquote>
Sorta
<br>Maria
</blockquote>
<h4>MIK 81</h4>
<blockquote>
Reni
<br>Ika
</blockquote>
<h5>MIK 82</h5>
<blockquote>
Nika
<br>Ren
</blockquote>
</body>
</html>
Tidak ada komentar:
Posting Komentar