Rabu, 18 November 2015

1. Berkenalan Dengan HTML

Untuk menjadi seorang Web Development, tahap pertama yang harus di lakukan adalah belajar HTML dulu. Dan tahap ini memang sudah sebuah keharusan di pelajari. Seperti yang ada di www.w3schools.com, HTML adalah syarat pertama dalam pembuatan Website. 

 Apa itu HTML ?
HTML atau Hyper Text Markup Language adalah sebuah bahasa untuk mendeskripsikan sebuah Dokumen Web. Dimana isinya terdapat macam-macam tags, atribut, dan isi konten.

Contoh Sederhana :

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Ini adalah Headings</h1>
<p>Ini adalah Paragraf</p>
</body>
</html> 

Dari contoh di atas, saya akan menjelaskan artinya : 
  • <!DOCTYPE html> maksudnya merubah dokumen menjadi sebuah dokumen HTML.
  • <html> sampai </html> maksudnya adalah menggambarkan sebuah dokumen html. 
  • <head> sampai </head> maksudnya adalah memberikan informasi terhadap dokumen.
  • <title> sampai </title> maksudnya adalah memberikan judul pada dokumen.
  • <body> sampai </body> maksudnya adalah memberikan isi konten pada dokumen yang akan terlihat di browser.
  • <h1> sampai </h1> adalah menggambarkan sebuah Heading.
  • <p> sampai </p> adalah menggambarkan sebuah paragraf baru. 
Kata <html> sampai <p> itu disebut sebagai Tagname, ini adalah sebuah dokumen sederhana yang dapat di cetak di browser, sebenarnya masih ada banyak lagi, tapi nanti akan ketemu dengan yang lainnya, tenang aja :3 

Alat-Alat Yang Dibutuhkan

BROWSER
Browser yang digunakan bisa Firefox, Chrome, Safari, Internet Explorer dan Opera. Terserah mau pake apa. 

TEXT EDITOR
Text editor yang bisa digunakan adalah Notepad, tapi saya sarankan menggunakan Notepad ++ soalnya enak diliat dibanding notepad biasa, kalo mau download Notepad ++ Klik kesini aja https://notepad-plus-plus.org/download/ gratis kok. 

Cukup itu aja bahan-bahan yang diperluin kalo mau belajar HTML, sekarang kita coba praktekkan Contoh tadi.

Buka Notepad ++ nya terus ketikkan contoh di atas tadi, dan jangan melakukan copy paste, lebih baik di ketik ulang biar jadi ngerti dan terbiasa. 



Kalo udah tinggal di save. nanti keluar jendela save 




buat penyimpanan terserah mau dimana aja, kalau saya buat folder baru di Desktop trus kasih nama Belajar HTML di folder tersebut. Nah tulis aja di File name: (yang dikotakin merah) test.html (test ini nama file) (.html ini nama ekstensinya)  trus klik Save. Nanti text editornya bakal berubah tampilannya kaya gini.


 Kalo kaya gini cara bacanya jadi enak, inilah keunggulan dari text editor Notepad++. Nah sekarang tinggal kita jalanin file test.html nya, dengan cara
buka file test.html tadi menggunakan browser favorit kalian masing-masing. kalo saya pakenya firefox. 


1. File html tersimpan.
2. Buka menggunakan >
3. Firefox (atau browser lain) 
Maka hasilnya akan seperti ini




Gimana ? Mudah kan ? 
OK. Saya akan berikan sebuah struktur dari halaman HTML, perhatikan baik-baik


<html>
<head>
<title> Judul Halaman </ title>
</ head>
<body>
<h1> Ini adalah heading </ h1>
<p> Ini adalah sebuah paragraf. </ p>
<p> Ini adalah paragraf lain. </ p>
</ body>
</ html>

ini saya ambil dari w3schools, jadi hanya dari <body> sampai </body> yang dicetak oleh browser,  

Sekarang kita sudah tau bagaimana cara membuat file html beserta isinya, cukup sekian kita berkenalan dengan HTML, selanjutnya kita akan membahas HTML Basic 
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)