Menggunakan Kerangka HTML

Kerangka adalah kerangka pendukung suatu organisme.

Biasanya terbuat dari sesuatu yang keras, untuk melindungi tubuh yang lebih rentan.

Ensiklopedi

Setiap pengembang Web harus memiliki kerangka HTML.

Itu harus disimpan di sakunya, dan digunakan untuk setiap pekerjaan:

Contoh

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>

<img src="img_la.jpg" alt="LA" style="width:100%">

<div class="">
 <h1>This is a Heading</h1>
 <p>This is a paragraph.</p>
 <p>This is another paragraph.</p>
</div>

</body>
</html>

Klik tombol "Coba Sendiri" untuk melihat cara kerjanya!

Coba ubah teks "This is a Heading" menjadi "This is my Wedding".

Apakah kau berhasil?

Selamat! Sekarang Anda tahu cara mengedit HTML.


Kerangka HTML Dijelaskan

DOCTYPE harus ada. Ini memberi tahu browser bahwa ini adalah dokumen HTML:

<!DOCTYPE html>

Tag awal html dan tag akhir html menentukan awal dan akhir dokumen HTML.

Bahasanya adalah bahasa Inggris:

<html lang="en">

</html>

Tag meta charset mendefinisikan set karakter (UTF-8):

Halaman HTML tidak memiliki tag kepala. Tag kepala tidak diperlukan dalam HTML.

Dalam HTML, segala sesuatu sebelum tag tubuh dianggap sebagai bagian dari kepala.

<meta charset="UTF-8">

Standar HTML membutuhkan judul halaman yang tepat:

<title>Page Title</title>

Tag meta viewport membuat halaman terlihat bagus di semua ukuran layar (Laptop, Seluler):

<meta name="viewport" content="width=device-width,initial-scale=1">

Tag tautan tertaut ke lembar gaya:

<link rel="stylesheet" href="name">

Tag awal dan tag akhir mengelilingi gaya CSS mendatang:

<style>
</style>

Tag skrip tertaut ke skrip:

<script src="name"></script>

Tag awal dan tag akhir mengelilingi badan dokumen HTML yang terlihat:

<body>
</body>

Tag gambar mendefinisikan gambar HTML:

<img src="img_la.jpg" alt="LA" style="width:100%">

Biasakan untuk "mengemas" bagian HTML dalam elemen div.

Persiapkan diri Anda untuk memberi setiap bagian nama kelas:

<div class="class name">
</div>

Tag heading mendefinisikan heading HTML:

<h1>This is a Heading</h1>

Tag paragraf mendefinisikan paragraf HTML:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>