Minggu, 02 September 2018

Belajar Html Dasar


HTML merupakan kependekan dari Hyper Text Markup Language, merupakan sebuah bahasa markup yang digunakan untuk membuat halaman website. Perlu anda perhatikan, biasanya masih ada orang yang bilang kalau html itu bahasa program, sebenarnya HTML bukanlah sebuah bahasa pemrograman. HTML merupakan bahasa markup yang berisi perintah-perintah dengan format tertentu yang terstruktur untuk menampilkan tampilan tertentu.

Untuk pelatihannya anda bisa menggunakan notepad/apa saja yang penting text editor dan simpan dengan ext:.html contoh (belajar.html)

Dan mohon maaf juga apabila ada kesalahan dari artikel ini, karena saya menuliskannya hanya sebatas pengetahuan saya. Mohon kritik/komentarnya...


Dasar-Dasar Html

  • Langkah awal ketika anda membuka notepad ialah menuliskan
<!DOCTYPE HTML>

Hal itu diartikan berarti file yang kita tulis ialah document type Html.


  • Setelah itu anda bisa menyisipkan komentar anda dengan code
    <!-- komentar anda disini -->
    Biasanya seseorang menuliskannya untuk menerangkan siapa yang membuatnya dan larangan ataupun kapan file ini dibuat.
  • Selanjutnya ialah tag Html itu sendiri, dan codenya seperti ini
    <html>
    Ini adalah salah satu pembuka tag html
    sebenarnya apabila anda tidak menuliskan hal dua sebelumnya dan langsung pada tag ini juga tidak masalah, tapi alangkah lebih baiknya apabila anda menuliskannya.Dan untk penutup nya hanya ditambahkan (/)
    contoh :
    <html>  </html>
  • Lalu setelah itu ada yang namanya judul, pastilah semua halaman mempunyai judul dan tag nya yaitu
    <title> judul halam anda </title>

  • Setelah judul ada header tag nya ialah
    <head>isi header </head>
    Biasanya itu diisi dengan sebuah deskripsi.
    Dan juga ada yang mengisi halaman head tersebut dengan code css yang dapat mempercantik tampilan halaman pada website. Namun kali ini hanya html saja jadi kita kosongkan saja.
  • Selanjutnya ada Tag body, darinamanya saja sudah ketahuan yap, ini adalah isi dari halam web tersebut.
    <body> isi halaman web anda </body>
    sebagai contoh sederhana saya akan menambahkan beberapa code untuk membuat warna background dan membat beberapa tulisan.

    untuk warna background : <body bgcolor="black"> black bisa diganti sesuai warna anda.
    untuk tulisan : <font color="white"> tulisan anda disini </font>


    Lalu bukalah hasilnya maka akan seperti

  • Selesai dan anda hanya tinggal menutup beberapa Tag yang belum di tutup seperti </body> dan </html>
Penjelasan Singkat

<!DOCTYPE HTML> :
Ini adalah sebuah instruksi atau pemberitahuan ke web browser tentang versi HTML pada halaman yang ditulis.
<!-- : Ini bisa diartikan sebagai comentar atau biasa juga disebut non script yang tidak akan di tampilkan pada browser anda.
<title> : Ini adalah bagian untuk membuat judul pada dokumen HTML/halaman web anda.
<head> : Digunakan untuk memberikan informasi tentang dokumen tersebut.
<body> : Merupakan bagian inti pada document html ( isi dari halaman web anda).

 Adapun Tanda " / " tanpa tanda kutip itu merupakan bagian akhir dari tag yang akan di tutup.
seperti <title>judul</title>.
Apabila ada yang tidak paham bisa bertanya ataupun berkomentar dibawah.

Selesai sudah pembelajaran untuk Dasar-dasar html. Dan perlu diingat ini hanya dasar-dasar dan masih banyak tag-tag html yang lain dan silahkan baca artikel selanjutnya, TerimaKasih.

Bagikan

Jangan lewatkan

Belajar Html Dasar
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.