Friday, 13 March 2015

Pengenalan HTML








Sebelum belajar HTML, alangkah lebih baik jika kita memahami konsep dasar HTML terlebih dahulu.
Pengertian HTML
HTML adalah suatu bahasa yang dipergunakan untuk mendeskripsikan halaman web.
  • HTML merupakan singkatan dari Hyper Text Markup Language.
  • HTML bukan merupakan bahasa pemrograman, HTML adalah suatu markup language (bahasa markah).
  • Suatu markup language berupa serangkaian markup tags.
  • HTML menggunakan markup tags untuk mendeskripsikan halaman web.
HTML Tags
HTML markup tags biasa disebut HTML tags.
  • HTML tags berupa keywords atau kata kunci yang diapit oleh tanda kurung seperti <html>.
  • HTML tags biasanya dipakai berpasangan seperti <b> dan </b>.
  • Tag pertama dalam pasangan html tags adalah start tag atau tag awal, sedang tag kedua adalah end tag atau tag akhir.
  • Start tags dan end tags biasa juga disebut opening tags dan closing tags.
HTML Documents = Web Pages
  • HTML documents atau dokumen HTML mendeskripsikan suatu web pages atau halaman web.
  • HTML documents berisi HTML tags dan plain text atau text biasa.
  • HTML documents atau dokumen HTML juga biasa disebut web pages atau halaman web.
DEFINISI ELEMEN
Sebuah dokumen HTML disusun oleh beberapa Elemen. Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen html. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya.Beberapa contoh elemen adalah :head, body, table, paragraf, dan list.
Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.
1
2
3
4
5
6
7
8
9
<html>
<body>
 
<h1>Judul Pertama</h1>
 
<p>Paragraf pertama</p>
 
</body>
</html>
Coba contoh HTML diatas dengan HTML Editor.
Penjelasan Contoh
  • Teks di antara <html> dan </html> mendeskripsikan web page.
  • Teks di antara <body> dan </body> adalah konten halaman web yang akan tertampil.
  • Teks di antara <h1> dan </h1> digunakan untuk menampilkan judul.
  • Teks di antara <p> dan </p> digunakan untuk menampilkan paragraf.

Persiapan Belajar HTML

Tools yang dibutuhkan untuk belajar HTML tidak sulit didapat. Teman-teman cukup menggunakan Notepad atau bisa menggunakan HTML Editor.
Teman-teman bisa juga menggunakan HTML Editor yang lain seperti FrontPage atau Dreamweaver.
Untuk dipahami bahwa penyimpanan file dapat dilakukan dalam ekstensi HTM atau HTML. Kedua ekstensi ini bisa berjalan dengan normal, tidak terdapat perbedaan pada keduanya. Penggunaan ekstensi HTM digunakan pada masa lalu, dimana software hanya memperbolehkan tiga buah karakter ekstensi. Untuk masa sekarang dapat menggunakan ekstensi HTML.

Dasar HTML

Saat mempelajar HTML, terdapat dasar HTML yang paling sering dipergunakan dalam penulisan HTML. Meliputi : HTML Headings, HTML Paragraphs, HTML Links dan HTML Images.
HTML Headings
Heading atau Judul ditulis menggunakan tag <h1>, <h2>, <h3>, <h4>, <h5> dan <h6>.
1
2
3
<h1>Judul</h1>
<h2>Judul</h2>
<h3>Judul</h3>
HTML Paragraphs
Paragraf ditulis menggunakan tag <p>.
1
2
3
4
5
6
<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
<p>Paragraf ketiga</p> 
<p>Paragraf keempat</p>
<p>Paragraf kelima</p>
<p>Paragraf keenam</p>
HTML Links 
Links ditulis menggunakan tag <a>.
1
<a href="http://www.dear-sinaga.blogspor.com/">dear-sinaga.blogspor.com</a>
HTML Images
Gambar ditulis menggunakan tag <img>.
1
<img src="statx.jpg" width="738" height="327" />.

0 comments:

Post a Comment