Catatan tentang teknologi komputer, Pemrograman & Robotik

Blog Pribadi

Blog yang membahas tentang teknologi komputer, pemrograman dan website

Cari Blog Ini

Diberdayakan oleh Blogger.

Starlink : Revolusi Internet Satelit di Era Digital

Di era digital saat ini, akses internet telah menjadi kebutuhan pokok bagi banyak orang di seluruh dunia. Namun, meskipun kemajuan teknologi...

Menulis kode HTML pertama dan mengenal Tag Heading beserta Tag Paragraf


Menulis kode HTML pertama

HyperText Markup Language (HTML) adalah skrip inti dari hampir semua konten Website. Sebagian besar dari apa yang dilihat pada browser adalah sebuah deskripsi, secara umum semuanya menggunakan HTML. Lebih tepatnya, HTML merupakan struktur dan isi semantik dari sebuah dokumen Web.

Adapun konten yang dimaksud adalah berupa teks ukuran besar, teks paragraf, gambar, tabel, formulir dan lain sebagainya. Jadi, HTML itu mendefinisikan semua hal yang tampil di browser.

Berikut adalah contoh kode HTML dasar :


pada kode atau script diatas, akan menghasilkan tampilan seperti gambar dibawah ini pada aplikasi Web Browser kalian.














Berikut akan dijelaskan deskripsi dari script atau kode diatas :

  • Deklarasi <!DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
  • Elemen <html> adalah elemen root dari halaman HTML
  • Elemen <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul dari dokumen
  • Elemen <body> berisi konten halaman yang terlihat
  • Elemen <h1> mendefinisikan heading besar
  • Elemen <p> mendefinisikan paragraf
Aturan Penulisan:

Pada contoh dasar di atas, berikut ini merupakan penjelasan dari aturan penulisan script HTML.

<TAG HTML>  Isi konten disini… </TAG HTML>

sederhana bukan ?

nah selanjutnya kita akan mulai mengenal apa itu TAG Heading dan TAG Paragraf

TAG Heading

Heading atau lebih tepatnya TAG Heading merupakan TAG HTML khusus yang digunakan untuk membuat sebuah judul pada teks dalam sebuah halaman web. TAG Heading secara default ditampilkan oleh browser dengan ukuran lebih besar dan lebih tebal (bold) dari TAG HTML teks biasa

Heading ini terdiri dari beberapa ukuran, yaitu <h1> sampai <h6>














bagaimana cara menampilkan heading tersebut ? 
kalian tinggal mengganti TAG Heading <h1> menjadi TAG Heading yang kalian inginkan misalnya seperti contoh script HTML dibawah :















nah...cukup mudah bukan ?

sekarang kita lanjut penggunaan TAG Paragraf pada dokumen HTML

TAG Paragaf

TAG Paragraf adalah TAG yang ditulis dengan bentuk <p> TAG ini digunakan untuk membuat sebuah paragraf pada dokumen HTML. Paragraf atau alinea sendiri adalah sebuah bagian dari suatu karangan, yang biasanya dihitung dengan satu enter.














pada kode diatas akan menampilkan tampilan seperti berikut jika dijalankan pada browser kalian













nah terlihat kan, jika tag <p> akan membuat alenia baru, sekian dulu tutorial singkat kali ini ya...

nanti akan dilanjutkan lagi, masih dalam tutorial belajar HTML

Mengenal TAG <hr> dan TAG <br> pada HTML

0 komentar:

Posting Komentar