Jago Belajar html : Pengenalan html dan css

Sebelum mulai belajar html mari kita bahas hal-hal yang terdapat pada html mulai dari kepanjangan html, struktur html dan juga kegunaan-kegunaan dasar dari html ini. Untuk pengenalan ini saya tidak akan panjang lebar menjelaskan hal-hal seperti sejarah html karena kamu bisa membaca di situs seperti wikipedia untuk lebih lengkapnya. Pada artikel jago belajar html saya akan menggunakan beberapa gambar visual untuk memudahkan kamu dalam pemahaman dan mengingat pembelajaran html ini

Pengertian dan Sejarah html

HTML merupakan kepanjangan dari Hyper Text Mark up Languange yang merupakan bahasa mark up (markah) yang dikembangkan oleh Word Wide Consortium atau sekarang dikenal dengan W3C, html dipublish pada tahun 1996 dimana pertama kali html hanya mampu menampilkan dokumen saja, ohiya perlu kamu ketahui html bukanlah bahasa pemrograman melainkan bahasa markah yang memilik kegunaan untuk menampilkan dokumen atau sebagai kerangka dalam pembuatan web dan juga dalam HTML tidak terdapat pemrosesan data sehingga tidak bisa dianggap sebagai bahasa pemrograman

Pengenalan struktur html

Pada html terdapat struktur yang harus diikuti agar html dapat berfungsi dengan semestinya. Struktur html pada umumnya adalah <!DOCTYPE html>, <html>, <head>, <title>, dan <body>

Berikut penjelasan struktur HTML 
  • <!DOCTYPE html>
    • <!DOCTYPE html> merupakan tag untuk versi terbaru html yaitu html5 agar browser dapat mendeteksi bahwa sebuah website menggunakan teknologi html5, untuk di perkuliahan sepertinya masih jarang menggunakan html5 karena dibeberapa kamus masih belum dipergunakan 
  • <html>
    • tag <html> adalah tanda bahwa sebuah file berekstensi html, di dalam tag <html> ini berisi berbagai jenis file dan juga struktur lainnya yang berfungsi untuk membangun sebuah laman website seperti <head> dan <body>, Pada setiap tag html kamu harus menutupnya dengan cara menambahkan tag </html> diakhir struktur, gambar dibawah akan menampilkan bagaimana cara menutup tag HTML
  • <head>
    • Kegunaan tag <head> adalah untuk menyisipkan file-file yang tidak akan ditampilkan di browser seperti meta tag dan pemanggilan file
  • <body>
    • Tag <body> merupakan tag yang berisikan hal-hal yang akan ditampilkan pada browser seperti teks, gambar, tabel, dan juga untuk menyisipkan file-file eksternal seperti javascript atau bahasa script lainnya

    Apa itu javasript ? Javascript adalah sebuah bahasa script yang berguna untuk membuat sebuah website menjadi lebih interaktif

Mengenal CSS

Untuk pembelajaran html seterusnya kita akan menggunakan Cascanding Style Sheet atau disingkat CSS yang merupakan bahasa style untuk membuat tampilan sebuah website menjadi lebih beautiful sehingga user akan lebih nyaman ketika mengunjungi website yang kita buat 

Kita akan belajar html dan css dasar secara bersamaan maka dari itu kamu harus tau bahwa ada 3 jenis cara menyisipkan css kedalam file html., , , dan <body> Berikut penjelasan struktur HTML <!DOCTYPE html> <!DOCTYPE html> merupakan tag untuk versi terbaru html yaitu html5 agar browser dapat mendeteksi bahwa sebuah website menggunakan teknologi html5, untuk di perkuliahan sepertinya masih jarang menggunakan html5 karena dibeberapa kamus masih belum dipergunakan <html> tag <html> adalah tanda bahwa sebuah file berekstensi html, di dalam tag <html> ini berisi berbagai jenis file dan juga struktur lainnya yang berfungsi untuk membangun sebuah laman website seperti <head> dan <body>, Pada setiap tag html kamu harus menutupnya dengan cara menambahkan tag </html> diakhir struktur, gambar dibawah akan menampilkan bagaimana cara menutup tag HTML <head> Kegunaan tag <head> adalah untuk menyisipkan file-file yang tidak akan ditampilkan di browser seperti meta tag dan pemanggilan file <body> Tag <body> merupakan tag yang berisikan hal-hal yang akan ditampilkan pada browser seperti teks, gambar, tabel, dan juga untuk menyisipkan file-file eksternal seperti javascript atau bahasa script lainnya Apa itu javasript ? Javascript adalah sebuah bahasa script yang berguna untuk membuat sebuah website menjadi lebih interaktif Mengenal CSS Untuk pembelajaran html seterusnya kita akan menggunakan Cascanding Style Sheet atau disingkat CSS yang merupakan bahasa style untuk membuat tampilan sebuah website menjadi lebih beautiful sehingga user akan lebih nyaman ketika mengunjungi website yang kita buat Kita akan belajar html dan css dasar secara bersamaan maka dari itu kamu harus tau bahwa ada 3 jenis cara menyisipkan css kedalam file html
  1. Inline
    2. Cara yang pertama adalah dengan menyisipkan style css langsung didalam tag html
    belajar html : pengenalan html dan css
  2. Internal
    3. Cara yang kedua adalah dengan memasukkan css didalam struktur <head>
    belajar html : pengenalan html dan css
  3. Eksternal
    4. Cara memasukkan css secara eksternal adalah dengan membuat sebuah file dengan ekstensi .css lalu disisipkan didalam struktur <head>
    belajar html : pengenalan html dan css
    Dari ketiga cara diatas yang paling sering digunakan adalah cara eksternal karena dengan memisahkan html dan css maka akan lebih mudah dan mempersingkat baris kode, namun untuk kedepannya kita akan belajar html dan css dengan menggunakan cara internal
belajar html: pengenalan html dan css
Perbedaan html yang diberikan css dan tidak

Hal yang harus kamu persiapkan

Kamu membutuhkan tools berupa text editor untuk dapat menulis html, text editor adalah sebuah aplikasi yang digunakan untuk menulis berbagai macam bahasa pemrograman dan bahasa script. Ada banyak text editor open source yang bisa kamu nikmati secara gratis seperti notepad++ dan sublime text.

Komentar

Posting Komentar

Postingan Populer