Animated Rainbow Nyan Cat
Flag Counter

Sabtu, 02 Maret 2019

PENGENALAN DASAR HTML

Haloo haloo sahabat blogger!
Pada post kali ini, mari kita membahas salah satu bahasa pemrograman yang menjadi bahan dasar jika kamu ingin jadi web developer, yaitu HTML.
Apa itu HTML?
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana.
  • Membuat File HTML
Kali ini kita memakai aplikasi Visual Studio Code.



Setelah aplikasi terbuka, maka akan muncul blank project. Untuk menampilkan informasi di website, kamu harus mengetahui terlebih dahulu struktur HTML.
Struktur html dalam pembuatan halaman web dibentuk oleh elemen-elemen html, dimana setiap elemen html dibentuk oleh tag pembuka dan tag penutup yang punya nama tag dan fungsinya tersendiri, misalnya elemen paragraf <p>Paragraf</p> dengan p adalah nama tag, tag dibentuk oleh tanda < dan tanda > .
Capture
Ada beberapa elemen penting didalam html yaitu :
  • <html>..</html>, merupakan elemen inti dalam pembuatah halaman web, seluruh elemen harus berada dalam elemen html ini.
  • <head>…</head>, merupakan elemen yang menyimpan informasi meta dan tidak ditampilkan di browser.
  • <title>…</title>, merupakan elemen untuk memberikan judul terhadap dokumen html ditempatkan diantara elemen <head>…</head>
  • <body>..</body>, merupakan elemen tempat dimana elemen-elemen yang membentuk isi halaman web untuk ditampilkan di browser. Jadi, di dalam tag body inilah konten yang ingin ditampikan misalnya artikel, gambar, video, dll. tempatkan semuanya di sini.
Berikut ini contoh yang telah saya buat:

Tambahan fungsi:
  • <b>..</b>, untuk membuat text menjadi bold.
  • <font>..</font>, untuk mengatur style, warna, ukuran pada tulisan.
  • <center>..</center>, untuk menjadikan rata tengah.
  • <br>, sebagai enter.
  • <img src=”xx.jpg”>, untuk menampilkan gambar.
Kita butuh aplikasi lain yaitu XAMPP yang fungsinya sebagai server yang berdiri sendiri (localhost). Lalu simpan file html di folder XAMPP>htdocs>Lalu buat folder>simpan di folder tersebut. Lalu buka xampp dan aktifkan dengan klik actions “start” di module apache.


Capture1
Lalu, setelah mengaktifkan xampp, buka browser mana aja yang kamu suka. Lalu ketikkan “localhost/nama folder dimana file disimpan”.
Dan munculah hasil keluaran dari pemrograman yang kita buat sebelumnya.

Demikian tutorial singkat kali ini, semoga dapat dimengerti untuk teman-teman. Jika ada yang ingin ditanyakan, cukup tuliskan di kolom komentar.
Terimakasih.

Salam sahabat blogger!

Tidak ada komentar:

Posting Komentar