Pengenalan, Dasar – dasar Element & Atrributes di HTML | Mukti911

A. Pendahuluan
Mungkin dari kalian sudah pernah browsing mengenai beberapa informasi. Dari halaman halaman web yang kalian buka itulah yang memberikan informasi. Namun sebenarnya dibuat dari apa halaman halaman itu. Jadi halaman halaman itu terbuat dari file HTML. Jadi Dengan HTML kalian dapat membuat website.

B. Latar Belakang
Karena ingin mengetahui dasar dasar HTML.

C. Maksud dan Tujuan
Sebagai materi untuk menambah wawasan tentang dasar-dasar mengenai HTML.

D. Pembahasan
Pada kali ini aku akan menjelaskan pengenal dan dasar dasar dari HTML. HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. HTML menggambarkan struktur halaman web menggunakan markup. Elemen HTML adalah blok pembangun halaman HTML. Elemen HTML diwakili oleh tag. Tag HTML melabeli potongan konten seperti “heading”, “paragraph”, “table”, dan seterusnya. Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman
Contoh :

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Berikut adalah penjelasan coding diatas:

  • Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
  • Elemen <html> adalah elemen root dari sebuah halaman HTML
  • Elemen <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul untuk dokumen
  • Elemen <body> berisi konten halaman yang terlihat
  • Elemen <h1> mendefinisikan heading besar
  • Elemen <p> mendefinisikan sebuah paragraf

Tag HTML adalah nama elemen yang dikelilingi tanda kurung siku. Tag HTML biasanya datang berpasangan seperti <h1> dan </ h1> Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir. Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag.

<namatag> isi dari tag disini…</ namatag>

Browser Web
Tujuan dari browser web (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya. Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen

Struktur Halaman HTML
Di bawah ini adalah visualisasi struktur halaman HTML. Tapi nanti hanya konten di dalam bagian <body> (area putih di atas) yang ditampilkan di browser.

Deklarasi <! DOCTYPE>
Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar. Hanya harus muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun). Deklarasi <! DOCTYPE> tidak case sensitive. Deklarasi <! DOCTYPE> untuk HTML5 adalah:

<!DOCTYPE html&gt


Versi HTML
Sejak masa awal web, ada banyak versi HTML:

Subnetmask masing-masing kelas :

HTML Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

Sekarang kita belajar dasar dari HTML. 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>.

Elemen HTML biasanya terdiri dari tag awal dan tag akhir, dengan konten disisipkan di antara. <namatag>isi nya dimasukkan disini </ namatag>.Dalam Elemen HTML adalah segalanya dimulai dari tag awal hingga tag akhir. Jadi Seperti contoh :

<p> Paragraf nomor 1. </ p>

Ada beberapa tag yang tidak memiliki konten contohnya saja yaitu <br>. Elemen HTML tanpa konten disebut elemen kosong. Elemen kosong tidak memiliki tag akhir.

Elemen HTML Bersarang, Elemen HTML dapat diulang (elemen dapat mengandung elemen). Semua dokumen HTML terdiri dari elemen HTML yang disarangkan. Contoh ini berisi tiga elemen HTML:

<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Jangan Lupakan Tag Akhir. Beberapa elemen HTML akan ditampilkan dengan benar, meskipun Anda lupa tag akhir. karena tag penutup dianggap opsional. Jangan bergantung pada ini. Ini mungkin menghasilkan hasil dan / atau kesalahan yang tidak terduga jika Anda lupa tag akhir. Namun ada juga yang error saat lupa Tag Akhir. Tapi lebih baik jangan lupakan Tag Akhir. HTML5 tidak memerlukan elemen kosong untuk ditutup. Tetapi jika Anda ingin validasi yang lebih ketat, atau jika Anda perlu membuat dokumen Anda dapat dibaca oleh parser XML, Anda harus menutup semua elemen HTML dengan benar.

Gunakan Tag Huruf Kecil, Tag HTML tidak peka huruf besar kecil: <P> berarti sama dengan <p>. Standar HTML5 tidak memerlukan tag huruf kecil, tetapi W3C merekomendasikan huruf kecil dalam HTML, dan menuntut huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Atribut HTML,Semua elemen HTML dapat memiliki atribut. Atribut memberikan informasi tambahan tentang suatu elemen. Atribut selalu ditentukan dalam tag awal.Atribut biasanya datang dalam pasangan nama / nilai seperti: name = “value”. Seperti
contohnya berikut :
Atribut href, Tautan HTML didefinisikan dengan tag <a>. Alamat tautan ditentukan dalam atribut href:

<a href="https://www.mukti911-id.blogspot.com">This is a link</a>

Atribut src, Gambar HTML didefinisikan dengan tag <img>. Nama file sumber gambar ditentukan dalam atribut src:

<img src="img_girl.jpg">

Atribut lebar dan tinggi, Gambar dalam HTML memiliki satu set atribut ukuran, yang menentukan lebar dan tinggi gambar:

<img src="img_girl.jpg" width="500" height="600">

E. Kesimpulan
Jadi dalam dokumen HTML harus diawali dengan tag awal dan diakhiri dengan tag akhir dalam setiap element HTML memiliki Atribut. 

F. Referensi


Posted

in

, ,

by

Tags:

Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *