Pengertian HTML Beserta Tag Dan Fungsinya

HTML adalah bahasa markup standar yang digunakan untuk membuat sebuah halaman website yang memiliki fungsi untuk menampilkan informasi di Internet. Adapun informasi yang ditampilkan bisa berupa teks, gambar, suara, video dan lainnya.
Jadi apapun website yang kita lihat pasti awalnya dibangun menggunakan HTML.

Menurut W3School :

HTML adalah singkatan dari Hyper Text Markup Language
HTML menggambarkan struktur halaman Web menggunakan markup
Elemen HTML adalah blok bangunan dari halaman HTML
Elemen HTML diwakili oleh tag
Tag HTML memberi label potongan konten seperti “judul”, “paragraf”, “tabel”, dan sebagainya
Browser tidak menampilkan tag HTML, namun gunakan untuk menampilkan konten halaman
HTML yang digunakan sekarang adalah HTML 5 yang memiliki berbagai fitur yang menarik

Dan berikut sebagian tag yang digunakan beserta penjelasannya

Contoh 1 :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1> Heading 1</h1>
<p> Paragraf 1.</p>
</body>
</html>

Berikut penjelasannya :

<! DOCTYPE html> Deklarasi untuk mendefinisikan dokumen menjadi HTML
<html> Tag pembuka untuk membuat dokumen HTML
<head> Informasi meta tentang dokumen
<title> Membuat judul halaman yang nantinya akan ditampilkan di browser
<body> Tempat dibuatnya semua konten website menggunakan HTM

Contoh 2 :

<!DOCTYPE html>
<html>
<body>
<h1> Ini adalah Heading pertama</h1>
<p> Contoh Text</p>
<hr>
<h2> Ini adalah Heading kedua</h2>
<p> Tuliskan text</p>
</body>
</html>

Berikut Penjelasannya :

<h1> s/d <h6> Membuat judul atau heading
<hr> Memisahkan konten (biasanya ditampilkan garis pembatas)

Contoh 3 :

<!DOCTYPE html>
<html>
<body>
<p> Di HTML, spasi dan garis baru diabaikan:</p>
<br> Contoh
<p>
 HTML adalah bahasa markup standar 
 yang digunakan untuk membuat sebuah
 halaman website yang memiliki fungsi
 untuk menampilkan informasi di Internet
</p>
</body>
</html

Berikut Penjelasanya :

<p> Membuat paragraf
<br> Membuat garis baru
<pre> Memfortmat teks atau kalimat

Contoh 4 :

<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph</p>
</body>
</html>

Berikut Penjelasanya :

style Atribut untuk elemen styling pada HTML
background-color Memberikan warna latar belakang
color Memberi warna pada teks
font-family Mengubah font pada teks
font-size Mengatur ukuran font
text-align Mengatura perataan teks

Dan hal berikutlah yang bisa saya sampaikan pada kesempatan kali ini. Semoga bermanfaat.

Pengertian HTML Beserta Tag Dan Fungsinya

Comments

Leave a Reply Cancel reply