Selasa, 31 Januari 2017

Belajar HTML dan CSS part 1

Belajar HTML dan CSS
Pengertian 
Sebelum membahas lebh jauh tentang HTML kita perlu mengetahu dulu apa itu html dan CSS.  
  • HTML itu singkatan dari Hyper Text Markup Language
  • Hyper: adalah kebalikan dari kata linear, linear adalah bahasa pemrograman, linear ''urutan tertentu'' dengan menggunakan Hyper jadi user bisa menghasilkan sebuah website dan user juga bisa mengunjungi sebuah website setiap saat.
  • Text: dalam kata html ini hanya tersedia dalam bahasa Inggris, atau teks html saat ini hanya ada dalam bahasa Inggris.
  • Markup: artinya apa yang dilakukan terhadap teks untuk merubah penampilan. Markup terdiri dari satu set simbul atau bahasa yang digunakan untuk memberi petunjuk dengan menggunakan kode-kode atau bahasa dalam spesifikasi tertentu contohnya: <b> </b> <h1> <p> </p> <ul> </ul> etc. Jadi dengan menggunakan markup maka teks akan bisa diatur dengan menggunakan jenis huruf yang tepat misalnya ukuran tinggi/height,  lebar/weight, atau ukuran/tanda yang lain.
  • Language: bahasa dalam html adalah bahasa yang dibaca oleh komputer untuk memahami sebuah web.
Itulah arti HTML saya sudah tuliskan di atas dan orang yang ingin mengetahui lebih jauh tentang html jadi harus siap-siap punya minat coding. Dan sekarang juga banyak tehnik belajar HTML secara online yang free atau gratis. 

Memang untuk mendirikan sebuah web atau blog tidak ada keharusan untuk memahami HTML tapi untuk orang yang ingin/suka mendirikan/menghasilkan sebuah website apabila tahu dan memahami bagaimana html bekerja pasti itu akan sangat membantu sekali.


Belajar HTML & CSS    
Pertama siapkan text editor seperi Sublime,Jika tidak punya klick disini  jika sudah,Instal aplikasi tersebut seperti biasa.lalu buka aplikasinya 

1.Tag dasar pada html (Structure)

Berikut adalah contoh sederhana HTML

<!Doctype html>
<html>
  <head>
    <title>Belajar HTML dan CSS</title>
  </head> 
    <body>
    <h1>Selamat Pagi Dunia,Hello World</h1>
    <p>Saya akan bersungguh Sungguh dalam belajar web,Pertama yang saya lakukan adalah mempelajari html</p>
    </body>
   </html>
  • <!Doctype html> adalah tag untuk menandai bahwa dokumen ini adalah html 5
  • <html> Mendefinisikan root dari suatu dokumen HTML,tag ini harus menggunakan tag penutup </html>
  • <head> Digunakan untuk memberikan informasi tentang dokumen tersebut,dan juga berfungsi untuk menghubungkan dengan dokumen lain,Seperti memanggil CSS,harus menggunakan tag penutup </head>
  • <title> Membuat judul untuk dokumen HTMLBiasanya di tampilkan pada bagian atas,Seperti address bar harus menggunakan tag penutup </title>
  • <body> Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya.harus menggunakan tag penutup </body> 
  • <h1>Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut..Harus menggunakan tag penutup<h1/>
  • <p> Membuat sebuah paragraf.Harus menggunakan tag penutup </p>  

Tidak ada komentar:

Posting Komentar