Wednesday, April 13, 2016

Belajar HTML Bagian 1



Apa itu HTML?



Hyper Text Markup Language (HTML) adalah sebuah bahasa markah (tanda atau kode) yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.





Berdasarkan Definisi diatas dapat kita petakan bahwa HTML secara fungsional merupakan :


  • HTML singkatan H yper T ext M arkup L anguage.
  • Bahasa Markup yang terdari dari  tag markup.
  • Dokumen HTML dijelaskan oleh tag HTML.
  • Setiap tag HTML menjelaskan isi dokumen yang berbeda.
Berikut ini adalah contoh dari Teks Markup (bahasa yang menggunakan kode).


<!DOCTYPE html>
<html>
<head>
<title>Judul Wesite</title>
</head>
<body>
<h1>Kepala Dokumen yang diposting</h1>
<p>Isi atau Paragrap.</p>
</body></html>

  • !DOCTYPE Mendefinisikan jenis dokumenHTML
  • Teks antara <html> dan </ html> isi dokumen HTML yang akan didefinisikan
  • Teks antara <head> dan </ head> tempat penulisan Kepala dari teks HTML
  • Teks antara <title> dan </ title> memberikan judul untuk dokumen
  • Teks antara <body> dan </ body> tempat menulis isi dokumen
  • Teks antara <h1> dan </ h1> menggambarkan judul dengan huruf tebal
  • Teks antara <p> dan </ p> memulai menulis paragrap
Agar Lebih jelas silahkan anda Copy Kode-Kode diatas, kemudian buka Notepad, saran saya silahkan download saja program Notepad++ karna akan sangat membudahkan anda dalam bermain bahasa kode seperti ini.

Adapun pemetaan lebih lejasnya seperti ini !

1.buka Notepad dan Paste Kode yang diatas.



2.Save file dengan nama websiteku.html dan ingat ganti type savenya ke All Files. Oke.. 


3.Silahkan buka website pertama anda di browser apapu, dianjurkan Google Chrome atau firefox ya.:)

4.Hooree...Anda sudah berhasil untuk langkah awal... :)

Untuk Pegenalan sawal sudah selesai.

Jika Belum jelas Silahkan Lihat Video Berikut.



Silahkan Lanjut ketahap kedua : Mengenal Jenis Header dan Paragrap HTML




No comments:

Post a Comment