Beranda » html » Belajar HTML #part1 pengenalan dasar

Belajar HTML #part1 pengenalan dasar

HTML merupakan pondasi atau kerangka dari semua jenis aplikasi berbasis web, yang mengatur tampilan, posisi dan letak suatu teks atau objek.

HTML merupakan singkatan dari Hyper Text Markup Language. HTML mendeskripsikan struktur halaman sebuah website. Halaman HTML di bangun oleh blok-blok konten yang di sebut elemen HTML.

Untuk menjalankan/membuka dokumen HTML hanya perlu menggunakan browser seperti firefox, google chrome, internet explorer (not recomended) , opera dan sebagainya.

untuk penulisan kode html sendiri diawali dengan tag html

<!DOCTYPE html>
<html>
</html>

untuk <!DOCTYPE html> itu sebenarnya tidak terlalu penting, itu hanya untuk mendefinisikan bahwa dokumen tersebut adalah html5. di html setiap tag memiliki tag akhir yang di tandai dengan tanda garis miring / slash . Seperti pada contoh diatas tag <html> di tutup dengan </html>

lalu di ikuti dengan tag <head> didalam tag <html> yang berisi seputar informasi halaman seperti judul halaman dan sebagainya. didalam tag <head> kita masukan juga tag <title> yang berfungsi untuk menampilkan judul dari sebuah dokumen html tersebut di headbar atau tab browser.
<!DOCTYPE html>
<html>
 <head>
  <title>Belajar HTML</title>
 </head>
</html>
setelah itu barulah masuk ke inti dari html ini sendiri yaitu tag <body> yang berfungsi untuk mengatur isi atau konten sebuah halaman atau dokumen. Di dalam tag <body> itu sendiri kita coba letakan tag <h1> yan berfungsi untuk menampilkan judul konten dan tag <p> yang menandakan bahwa isi didalamnya adalah sebuah paragraf

<!DOCTYPE html>
<html>
 <head>
  <title>Belajar HTML</title>
 </head>
 <body>
  <h1>Ini Judul Konten</h1>
  <p>Ini paragraf konten.</p>
 </body>
</html>
untuk latihan, usahakan ketik ulang, jangan di copy paste, karena dengan mengetik ulang akan membuat anda lebih ingat dan lebih mudah memahami

buka teks editor ( notepad, sublime text, atau apalah ) ketik kode seperti di atas lalu simpan dengan nama terserah.html dan jalankan dengan cara double click file atau dengan click kanan dan open with browser kesayangan anda, saya sarankan menggunakan google chrome. Tapi anda bisa menggunakan apa saja sesuai kesukaan anda.

Maka output dari program diatas akan jadi seperti ini
untuk sekedar pengenalan dasar itu sudah cukup pada bab selanjutnya membahas tentang elemen-elemen umum pada HTML, jika anda sudah paham pembahasan diatas silakan menuju ke pembahasan selanjutnya .


next

00.48 - tanpa komentar

0 komentar untuk Belajar HTML #part1 pengenalan dasar.

Emoticon Emoticon

Perlihatkan Semua Komentar Tutup Semua Komentar