Tugas Pemrograman Web Pertemuan 2

 HTML 


-> HTML adalah singkatan dari Hyper Text Markup Language

-> HTML adalah bahasa markup standar untuk membuat halaman Web.

-> HTML menjelaskan struktur halaman Web menggunakan markup



# Elemen dan Tag HTML

Elemen adalah komponen individual HTML : 

paragraf, gambar, header.... 
 
nama elemen menunjukkan tujuannya: p untuk paragraf

 

Tag menandai awal dan akhir elemen HTML

Tag Pembuka dan Tag Penutup

<tagname>Isi di tengah</tagname>

 



# Perincian Tag HTML

Tag Pembukaan : < karakter >

Tag Penutup : </ karakter >


#Elemen HTML

Elemen Kontainer

Elemen yang dapat berisi elemen atau konten lain 

Paragraf (<p>konten</p>) berisi teks 

Elemen Berdiri Sendiri

Sebuah elemen yang tidak dapat memuat apa pun lagi

<br/>, <img/>


# Struktur Halaman HTML




# <!Doctype>

Deklarasi <!DOCTYPE> mewakili tipe dokumen, dan membantu browser menampilkan halaman web dengan benar.

Itu 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>


# <html>,<head>,<body>

Setelah <!doctype>, konten halaman harus berada di antara tag <html>.

Kepala berisi judul halaman & informasi meta tentang halaman tersebut. Informasi meta tidak terlihat oleh pengguna, namun memiliki banyak tujuan, seperti memberikan informasi kepada mesin pencari.

Badan berisi konten halaman sebenarnya. Segala sesuatu yang ada di dalam tubuh dapat dilihat oleh pengguna. (Beberapa Pengecualian!)


# Nesting 

Semua elemen "bersarang" di dalam satu sama lain

Bersarang adalah apa yang terjadi ketika Anda meletakkan tag di dalam tag lain yang memuatnya.

Misalnya, Anda akan meletakkan <p> di dalam tag <body>. <p> sekarang bersarang di dalam <body>

<tubuh>

<p>Paragrafnya ada di sini.</p>

</tubuh>

Elemen mana pun yang TERBUKA terlebih dahulu, TERTUTUP terakhir


# Judul

Judul HTML didefinisikan dengan tag <h1> hingga <h6>.

<h1> mendefinisikan judul yang paling penting. <h6> mendefinisikan judul yang paling tidak penting

<h1>Ini menuju 1</h1>

Ini adalah pos 1

Ini adalah pos 2

Ini adalah pos 3

Ini adalah pos 4

Ini adalah pos 5

Ini adalah pos 6 


# Paragraf / Isi

 Paragraf HTML didefinisikan dengan tag <p>:

<p>This is a paragraph</p> <p>Paragraph 2</p>

Komentar

Posting Komentar