Gerbang Ilmu

Always Be Professional

Search This Blog

April 12, 2021

Home / Unlabelled / Basic HTML Yang Wajib Di Ketahui

Basic HTML Yang Wajib Di Ketahui

by on

 


Pada kali ini ita kan membahas mengenai basic html yang wajib diketahui.  HTML (Hypertext Markup Language) adalah kode yang digunakan untuk menyusun halaman web dan isinya. Misalnya, konten dapat disusun dalam sekumpulan paragraf, daftar poin berpoin, atau menggunakan gambar dan tabel data. Pada saat sekarng menguasai html merupakan salah satu skill wajib yang harus dimiliki.

Berikut adalah beberapa hal paling dasar dari html yang harus kalian ketahui :

Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen: <DOCTYPE html>. Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </html>. Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </body>.

1.       Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili tipe dokumen, dan membantu browser menampilkan halaman web dengan benar. Ini hanya boleh muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun). Deklarasi <! DOCTYPE> tidak peka huruf besar-kecil.Deklarasi <! DOCTYPE> untuk HTML5 adalah:

 

<! DOCTYPE html>

 

2.       Heading  HTML

Heading HTML ditentukan dengan tag <h1> hingga <h6>. <h1> mendefinisikan tajuk paling penting.  <h6> mendefinisikan tajuk yang paling tidak penting.

Contoh :

 

<h1> Ini adalah heading 1 </h1>

<h2> Ini adalah heading 2 </h2>

<h3> Ini adalah heading 3 </h3>

 

3.       Paragraf HTML

Paragraf HTML ditentukan dengan <p> tag. Contoh :

 

<p> Ini adalah sebuah paragraf. </p>

<p> Ini adalah paragraf lain. </p>

 

4.       Tautan HTML

Tautan HTML ditentukan dengan tag <a>. Contoh :

 

<a href="https://www.w3schools.com"> Ini adalah tautan </a>

 

Tujuan tautan ditentukan dalam atribut href. Atribut digunakan untuk memberikan informasi tambahan tentang elemen HTML.

 

5.       Gambar HTML

Gambar HTML ditentukan dengan tag <img>. File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut. Contoh :

 

<img src = "w3schools.jpg" alt = "W3Schools.com" width = "104" height = "142">

 

6.       Bagaimana Cara Melihat Sumber HTML?

 

·         Lihat Kode Sumber HTML.

Klik kanan di halaman HTML dan pilih "Lihat Sumber Halaman" (di Chrome) atau "Lihat Sumber" (di Edge), atau serupa di browser lain. Ini akan membuka jendela yang berisi kode sumber HTML halaman.

·         Periksa Elemen HTML

Klik kanan pada elemen (atau area kosong), dan pilih "Inspect" atau "Inspect Element" untuk melihat elemen apa yang dibuat (Anda akan melihat HTML dan CSS). Anda juga dapat mengedit HTML atau CSS dengan cepat di panel Elemen atau Gaya yang terbuka.

 

Berikut adalah ringkasannya jika kalian masih bingung :

Ø  Deklarasi <! DOCTYPE html> mendefinisikan bahwa dokumen ini adalah dokumen HTML5

Ø  <html> adalah elemen root dari halaman HTML

Ø  <head> berisi informasi meta tentang halaman HTML

Ø  <title> menentukan judul untuk halaman HTML (yang ditampilkan di bilah judul browser atau di tab halaman)

Ø  <body> mendefinisikan badan dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.

Ø  <h1> mendefinisikan heading besar

Ø  <p> mendefinisikan sebuah paragraf

 

Author Image

About Rio Juan
I hope this blog is really useful for you guys ;) i will give my best ability and effort to make this blog still professional as i said from the JARGON of my blog.

Related Posts:
By at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)