Pengenalan HTML


Pengenalan HTML

Mengapa kita belajar HTML ?
Sebelum masuk ke pengertian dan banyak lagi ada baiknya kita harus sederhanakan konsep dan pemikiran kita bahwa ilmu komputer itu sebenarnya tidak susah dan kalau ada yang bilang susah berarti orang tersebut tidak mau belajar. Nah perlu kita pelajari HTML karena HTML merupakan dasar daripada kita belajar pemrograman web.

Ada 2 jenis pemrograman yaitu pemrograman web dan pemrograman desktop. Pemrograman desktop itu seperti Visual Basic, Delphi, C++, Java, dan masih banyak lagi. Sedangkan pemrograman web ada seperti HTML, PHP, Javascript, dan lain lainnya. Tenang saja kita kelak akan membahasnya. Namun kita akan fokus kepada Pemrograman Web saja dahulu karena pemrograman web termasuk pemrograman yang favorit dimana sekarang semuanya sudah serba online.

HTML merupakan kepanjangan dari Hyper Text Markup Language yaitu sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web. Pengertian bahasa markah sendiri adalah sistem modern untuk menganotasi dokumen dengan cara yang secara sintaksis dibedakan dari teks. Ide dan terminologinya berawal dari "menandai" naskah, yaitu petunjuk revisi oleh editor, yang secara tradisional ditulis dengan pensil biru pada naskah penulis. Contohnya instruksi cara penulisan seperti yang ditemukan pada dokumen-dokumen dalam bentuk troff, TeX dan LaTeX, atau struktur penanda seperti pada tag XML.(sumber wikipedia).

Contoh HTML

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>

<body>

  <h1>My First Heading</h1>

  <p>My first paragraph.</p>

</body>

</html>

Penjelasan contoh diatas :

  • DOCTYPE mendefenisikan tipe dokumen
  • Teks yang ada diantara <html> dan </html> adalah isi daripada sebuah dokumen HTML
  • Teks yang ada diantara <head> dan </head> menyajikan informasi dokumen.
  • Teks yang ada diantara <title> dan </title> menyajikan judul
  • Teks yang ada diantara <body> dan </body> menyajikan apa yang akan muncul pada browser
  • Teks yang ada diantara <h1> dan </h1> menyajikan heading
  • Teks yang ada diantara <p> dan </p> menyajikan paragraf.

Tag HTML

Tag HTML merupakan katakunci yang diapit oleh dua tanda kurung

<tagname>content</tagname>

Catatan:
  • Biasanya tag HTML selalu berpasangan seperti <p> dan </p> 
  • Tag pertama biasanya disebut tag pembuka (opening tag) dan tag kedua disebut tag penutup (closing tag)


Comments

Post a Comment

Popular posts from this blog

Contoh Simple Present dan Present Progressive

Image
CONTOH SIMPLE PRESENT DAN PRESENT PROGRESSIVE Untuk lebih memahami apa saja perbedaan Simple Present dan Present Progressive berikut akan saya berikan sebuah contoh yang dimana pastinya akan menolong anda memahami perbedaan penggunaan kedua tense tersebut. Baca Juga : Simple Present dan Simple Progressive Tense!! It's 7.30 A.M., and the Wilsons are in their kitchen.  Mrs. Wilson is sitting at the breakfast table. She is reading a newspaper. She reads the newspaper every morning. Mr. Wilson is pouring a cup of coffee. He drinks two cups of coffee every morning before he goes to work. There is a cartoon on TV, but the children aren't watching it. They are playing with their toys instead. They usually watch cartoons in the morning, but this morning they aren't paying any attention to the TV.   Mr. and Mrs. Wilson aren't watching the TV either. They often watch the news in the evening, but they don't watch cartoons. Dari contoh diatas yan...
Read more

Dasar Dasar Belajar Bahasa Inggris (Part 1)

Image
Mengenal Dasar-dasar Bahasa Inggris.. Baik, saya akan melanjutkan postingan saya sebelumnya tentang Bahasa Inggris. Kali ini saya akan berbagi kepada pengunjung blog www.patrosuganda.com sekalian tentang dasar dasar daripada bahasa Inggris...Langsung kita akan mempelajarinya.. Basic of Reading (Dasar-dasar membaca dalam bahasa Inggris) Hal ini akan saya bagi atas 4 bagian yaitu : "ee" dibaca " i" Apabila ada huruf ee pada kata kata di dalam bahasa Inggris akan dibaca i.. (Pengucapan yang akan saya ajarkan tanpa dengan kaidah2 atau simbol " phonetic reading " contoh : - keep - sleep - meet - week - sweet - etc (dan lain-lain) "oo" dibaca " u " Apabila ada huruf oo pada kata kata dalam bahasa Inggris akan dibaca dengan u contoh : - book - good - look - took - smooth "u" dibaca " yu/ju " contoh : - uniform dibaca yu nifom - universal dibaca yu niversal - dll "kn" dibaca " n "...
Read more

Dasar-Dasar Bahasa Inggris (Part 2)

Image
Dasar Bahasa Inggris Lanjutan ( Teknik Dasar Menterjemahkan Bahasa Inggris ke Bahasa Indonesia) Seperti yang telah saya janjikan sebelumnya, saya akan kembali meneruskan materi saya yang pertama tentang dasar dasar bahasa Inggris . Kali ini saya akan berbagi ilmu bahasa Inggris tentang teknik dasar dalam mengartikan Bahasa Inggris ke dalam Bahasa Indonesia . Teknik ini ada 3 bagian yaitu : The Greedy Dog Principle (Prinsip Anjing yang rakus) Nama prinsip ini diambil dari cerita "The Greedy Dog" dari cerita Aesop . Bagi anda yang belum tahu cerita The Greedy Dog berikut ceritanya. A greedy dog went into a butcher’s shop and stole a big juicy bone. He ran away so fast that the butcher could not catch him. He ran out into the fields with his bone. He was going to eat it all by himself. The dog came to stream. There was a narrow bridge across it. The dog walked on to the bridge, and looked into the water. He could see his own shadow in the water. He thought it was ...
Read more