Sabtu, 25 Maret 2017

Belajar HTML dan CSS Bagian 3 : Bekerja dengan HTML dan CSS

Mulai Bekerja dengan HTML dan CSS

      Assalamualaikum Wr. Wb. Pada kesempatan sebelumnya saya telah membahas tentang perlengkapan sebelum kita melakukan koding pada artikel Belajar HTML dan CSS Bagian 2 dan bagi sahabat semua yang belum mengetahui persiapan apa saja yang akan kita butuhkan nantinya, silahkan lihat dulu artikel sebelumnya.

Lupacode - Belajar html bagian 3

       Baiklah kita akan mulai bekerja menggunakan HTML tapi saya harap sebelumnya sahabat lupacode telah menginstal software Notepad++ serta Browser yang akan kita butuhkan nantinya. Disini saya menggunakan Text Editor Notepad++ . Pertama saya akan coba membuka Software Notepad++ terlebih dahulu dan tampilan utamanya kurang lebih seperti ini

lupacode - Belajar HTML dan CSS Bagian 3



         Ini adalah area kerja pada Notepad++ dimana kita akan mengetikan kode-kode Html di halaman kerja ini. Oke kita mulai mencoba memasukan Text deklarasi html 5, caranya dengan mengetikan <!DOCTYPE html>  ini adalah sebuah deklarasi text html 5. Dan kemudian dibawahnya kita akan tuliskan text pembuka Html yaitu <html> dan kita bisa tutup dibawahnya dengan </html> bentuknya seperti ini. Pada umumnya memang didalam html itu terdapat pembuka dan penutup seperti ini. Meskipun tidak semuanya, tapi kebanyakan itu memiliki pembuka dan penutup. Oke dibawahnya kita akan tambahkan lagi tag <head> pemubuka dan dibawahnya tag </head> penutup. Dan kita akan tambahkan tag <body> pembuka dan tag <body> penutup jadi seperti ini

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

        Apabila kita lihat semua itu bentuknya hampir selalu sama, ada pembuka dan ada penutup. Kemudian kita akan masuk kedalam bagian <head> . Apa fungsinya dari tag <head> ??? Didalam tag <head> ini informasinya tidak akan muncul langsung didalam browser, biasanya tag <head> ini berisi mengenai alamat dari suatu style atau stylesheet dan kemudian library javascript yang jelas ini digunakan untuk memperindah halaman website mulai dari pewarnaan dan lain-lain sebagainya, kemudian didalam head juga akan dijelaskan library javascriptnya dimana membuat halaman website jauh menjadi interaktif. Kemudian selain itu pun nanti ada bagian tag <meta> yang menginformasikan bahwa detail yang berkaitan dengan halaman html seperti siapa yang membuat halaman html nya, deskripsi dari halaman html tersebut, kemudian keyword dari halaman tersebut.
          Sebagai contohnya saya tulis tag <tittle> Blank Page </title> kemudian kita save dengan nama latihan.html coba sekarang anda buka text html yang baru saja kita buat. Disana memang ga muncul apa-apa, tetapi caption dari tab chrome nya berisi Blank Html. Dimana caption Blank Html ini di definisakan didalam html ini di bagian titlenya.
      Seperti yang saya jelaskan sebelumnya didalam tag <head> tidak akan muncul didalam browsernya, tetapi dia akan berada dibelakang layar dan khusus untuk bagian titlenya dia akan muncul didalam tab nya. Oke kita kembali ke bagian <body> sebagai permulaan saya akan ketikan “Hello Word” dan semua yang diketikan didalam <body> akan muncul didalam browser. Kita save dan coba kembali ke browser nya lalu Refresh, maka akan muncul seperti ini

lupacode - Belajar HTML dan CSS Bagian 3.1


         Seperti yang saya katakan sebelumnya setiap kita mengetikan text didalam <body> maka akan langsung muncul dibagian browser tersebut. oke saya rasa cukup untuk pengenalan html pada artikel ini, dan kita langsung saja menuju ke pembahasan yang selanjutnya yaitu Belajar HTML dan CSS Bagian 4 
Pelajari Juga :

Silahkan berkomentar yang baik dan menarik sesuai dengan isi konten.
Komentar yang tidak diperbolehkan :

1. Berbau penghinaan SARA & PXXN
2. Komentar dengan Link hidup ( akan dianggap spam )
3. Komentar tidak nyambung dengan isi postingan
EmoticonEmoticon