Categories: CodingHTML

Elemen-elemen dasar pada file html

 

 

Related Post

Hapedia.idElemen utama pada file html – Halo sobat hapedia, pada postingan kali ini admin akan memberikan penjelasan mengenai elemen utama pada html.

Sebuah file html memerlukan elemen-elemen yang terstruktur agar File tersebut dapat dibaca dan tidak terjadi eror, jika ada salah satu saja elemen yang salah pasti akan muncul notifikasi eror atau ada tampilan yang berubah. Nah berikut admin akan menjelaskan semual elemen-elemen utama pada HTML

Elemen-elemen pada html

Html memiliki banyak sekali elemen, baik itu elemen utama maupun elemen turunam. Berikut adalah elemen-elemen pada html.

<html> Untuk membungkus semua isi diokumen dan di tutup dengan kode </html> di akhir dokumen.

<head> Untuk menambahkan kode-kode tertentu yang tidak ditampilkan di halaman, biasanya terdapat kode css atau kode-kode eksternal </head>

<title> Untuk menambahkan judul atau title yang tidak tampil di halaman</title>

<body> berisi kode-kode tampilan halaman, semua kode untuk pengaturan tampilan halaman berada di bagian body dan di percantik dengan CSS si bagian head</body>

<!DOCTYPE HTML> – Elemen ini berfungsi sebagai pendefinisian tipe dokumen, dengan adanya elemen ini maka dokumen tersebut adalah dokumen html sehingga teks editor, browser, dll dapat membacanya.

<– Komentar –> – Elemen ini digunakan untuk memberikan komentar atau sebuah keterangan di samping, atas, atau bawah kode sebagai tanda. Elemen komentar ini tidak akan terbaca oleh browser saat kamu menjalankan file html tersebut.

Contoh :

<html><br ><head><title>contoh</title><br ><body><br ><h1> Hapedia </h1> <-- Ini Adalah Judul atau heading --><br ></body><br ></html></br ></br ></br ></br ></br >

 

 

<a>  elemen <a> berfungsi untuk menambahkan sebuah link aktif pada sebuah dokumen html, bisa link internal ataupun link eksternal. Kamu juga bisa membuat link no teks dan link dengan teks(Anchor text).

Contoh :

<html><br ><head><title>contoh</title><br ><body><br ><h1> Hapedia </h1> <-- Ini Adalah Judul atau heading --><br ><a href=https://www.hapedia.id></a> <-- Link tanpa teks --><br ><a href=https://www.hapedia.id>Hapedia</a> <-- Link dengan Teks --><br ></body><br ></html></br ></br ></br ></br ></br ></br ></br >

 

 

<b> Untuk menampilkan huruf tebal atau huruf yang bercetak tebal (bold).</b>

<i> Untuk menampilkan huruf yang bercetak miring atau italic.</i>

<u> untuk menampilkan huruf yang bergaris bawah (Underline).</u>

 

<h1,2,3….> Untuk menambahkan judul sesuai level, mulai dari h1 hingga h6</h1,2,3…>

Contoh:

<h1>Ini adalah h1</h1>
<h2>Ini adalah h2</h2>
<h3>Ini adalah h3</h3>
<h4>Ini adalah h4</h4>
<h5>Ini adalah h5</h5>
<h6>Ini adalah aku yang selalu merindukanmu:v</h6>

 

<header> Header adalah komponen dalam dokumen html yang berfungsi untuk menampilkan header di bagian atas halaman. Biasanya berisi title atau judul utama dari halaman tersebut </header>

 

 

Segini dulu elemen-elemen dasar pada file html, nanti akan admin tambah lagi setiap minggunya. Terimakasih telah mampir disini, jika ada pertanyaan silahkan cantumkan di kolom komentar.

This post was published on 06/05/2020 17:25

Nugie Dwitama

Seorang mahasiswa yang memiliki blog hanya untuk having fun, Update artikel semaunya dan kalau lagi mod saja.

Published by
Nugie Dwitama

Recent Posts

Akhirnya Rilis! Berikut Ini, Spesifikasi Samsung Galaxy Tab S6 Lite

  Pada Kamis tepatnya (30/04/2020), Samsung akhirnya resmi menghadirkan perangkat tablet terbarunya. Galaxy Tab S6… Read More

11/05/2020

Cara install dan bermain game pes 2020 mobile di laptop atau pc

  Hapedia - Cara main game pes mobile di komputer - Halo sobat hapedia, pada… Read More

11/05/2020

5 Game Moba Terbaik, Yang Paling Banyak Dimainkan Di Asia

  Game MOBA android nampaknya sangat digemari para pengguna smartphone, Mulai dari Mobile Legend, Vainglory,… Read More

09/05/2020

2 Cara mudah untuk berpindah akun di pes mobile

Selengkapnya »2 Cara mudah untuk berpindah akun di pes mobile Read More

08/05/2020

Cara Membuat Es Teh Tarik Dirumah, Enak Dan Praktis

  Para penggemar kopi tentunya tidak asing dengan minuman teh tarik ini. Teh tarik bisa… Read More

08/05/2020

20+ akun COC gratis TH 9/13 max terbaru

  Hapedia - Kumpulan akun coc gratis terbaru - Halo sobat hapedia, pada postingan kali… Read More

08/05/2020