HTML | Dasar HTML

-

 Halo temen-temen,

 

Pada postingan ini saya akan membahas tentang HTML ( Hypertext Markup Language ). Apa itu Html?
apa fungsi nya? Html atau Hypertext Markup Language adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet( source :https://id.wikipedia.org/wiki/HTML ). HTML dapat kita gunakan untuk membuat sebuah halaman website. Namun, untuk membangun sebuah halaman website kita tidak hanya memerlu HTML saja. Kita juga memerlukan code lain seperti CSS, Javascript, PHP dsb. 
 
Bisa kita simpulkan bahwa HTML adalah bahasa markah standar yang dirancang untuk sebuah website. Di dalam HTML kita dapat menambahkan sebuah paragrah, heading, sebuah list atau urutan dan masih banyak lagi. File html selalu diakhiri dengan ekstensi .html .



Di atas adalah contoh dokumen default dari HTML dan nanti nya kalian juga dapat menambahkan sebuah kode lain di dalam dokumen tersebut. Ok, pada awal dokumen html kita dapat melihat ada sebuah tTag yaitu <!DOCTYPE html> yang kita gunakan untuk memberi tahu kepada browser bahwa dokumen kita bertipe HTML. Tag <html></html> adalah sintaks dari html dimana didalamnya terdapat beberapa bagian seperti <head></head> dan <body></body>.  Pada Tag <head></head> berisikan tentang metadata atau data document html seperti title, style, script dan meta data lain. Berikut tag yang ada di dalam <head>:

  • <title> ( wajib ada )
  • <link>
  • <style>
  • <base>
  • <script>
  • <noscript>

Tag <title> berfungsi untuk memberi judul halaman html kita. Dan jika kalian ingin tampilan html kalian menarik maka kalian bisa menggunakan CSS atau style. Untuk Style Internal kalia bisa menggunakan tag <style></style> seperti contoh berikut dimana saya ingin memberi warna tag <p></p> agar berwarna merah.

Dan untuk style atau css eksternal dimana kalian ingin membuat css atau style kalian dalam folder lain, kalian bisa gunakan <link></link> untuk menghubungkan style eksternal kalian dengan html kalian. <link rel="stylesheet" type="text/css" href="folder css kalian">.




Dan perlu diketahui bahwa dalam tag html ada awalan dan penutup Tag contoh : <html></html>. Untuk menutup tag kita perlu menambahkan ' / ' atau garis miring di depan nama tag. Namun tidak semua tag memiliki penutup seperti halnya input, hr atau br.

Pada tag <body></body>  berisikan tentang apapun yang akan kita ingin tampilkan pada halaman html kita. Di dalam tag body kita dapat membuat sebuah heading dengan menahbahkan sebuah tag <h1></h1>. Heading ini memiliki beberapa varian ukurannya dengan tag <h1> yang merupakan terbesar. Macam-macam dan contoh tag Heading sebagai berikut:

  • <h1></h1> ( paling besar )
  • <h2></h2>
  • <h3></h3>
  • <h4></h4> 
  • <h5></h5> 
  • <h6></h6>

 


Kita juga dapat menambahkan sebuah paragaraf dengan menggunakan Tag <p></p>. Seperti contoh berikut:

Dan masih banyak tag lain lagi dimana saya akan bahas pada blog berikutnya.

Terima kasih buat kalian yang sudah mampir. Semoga bermanfaat : )
 


Komentar

Posting Komentar

Postingan populer dari blog ini

Cisco | Lab 2 - Menghubungkan Jaringan dengan SWITCH

-
Gambar
 Halo temen-temen, apa kabar kalian hari ini? Ok, dipostingan sebelumnya saya sudah menjelaskan bagaimana sifat HUB dalam mentransfer data( Cisco | Lab 1 ). Nah kali ini kita akan membahas hal yang sama yaitu tentang bagaimana sifat SWITCH dalam mentransfer sebuah data.  Kurang lebih seperti itu implementasinya.Sama seperti postingan sebelumnya kita akan menghubungkan 4 PC ke sebuah Switch dan mencoba untuk transfer data untuk mengetahui bagaimana sifat si Switch. Ok kita langsung setting aja. Pertama, pastikan PC kalian telah mempunyai IP. Jika belum kalian bisa terlebih dahulu atau kalian bisa lihat seperti di postingan saya yang sebelumnya Cisco | Lab 1 .  Setelah mendapat IP, kita akan mencoba transfer data dari pc 1 ke pc liannya. Ok, dari sini kita bisa lihat bahwa data telah berhasil dikirim dan tidak seperti HUB yang akan mem-broadcast semua cient. Di switch dia langsung mengirim ke alamat yang ia tuju. Jadi bisa disimpulkan bahwa switch bisa lebih baik dalam tr...
Baca selengkapnya

Linux User and Group Management

-
Menambahkan user atau pengguna level administrative Untuk menambahkan user atau pengguna level administrative menggunakan terminal linux , gunakanlah perintah seperti contoh dibawah ini. ➤Jika anda belum masuk sebagai root : sudo adduser nama_user ➤Jika anda telah masuk sebagai root : adduser nama_user Menambahkan user atau pengguna biasa Untuk menambahkan user atau pengguna biasa menggunakan terminal linux , gunakanlah perintah seperti contoh dibawah ini. useradd nama_user Note : untuk menggunakan perintah diatas , anda tidak perlu masuk sebagai root. Namun , jika anda masuk sebagai root , itu akan menjadi lebih baik. . Menghapus user atau pengguna level administrative Untuk menghapus user atau pengguna level administrative yang telah dibuat sebelumnya menggunakan terminal linux , gunakanlah perintah seperti contoh dibawah ini. ➤ Jika anda belum masuk sebagai root : sudo deluser nama_user ➤ Jika anda telah masuk sebagai root : deluser nama_u...
Baca selengkapnya