Belajar HTML Untuk Pemula

Apa anda tahu apa itu HTML (Hypertext Markup Language )

HTML Merupakan bahasa Pemograman yang markup standar untuk membuat sebuah halaman web.

HTML adalah singkatan dari Hyper Text Markup Language
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 "pos", "paragraf", "tabel", dan seterusnya
Browser tidak akan menampilkan tag HTML, akan tetapi Tag HTML digunakan untuk merender konten halaman.

CONTO DOKUMEN HTML SEDERHANA:
<!DOCTYPE html>
<html>
<head>
<title> Struktur Dokumen HTML</title>
</head>
<body>
<h1>Judul Postingan</h1>
<p>Paragraph Pertamaku.</p>
</body>
</html>
Penjelasan Tag-tag Dokumen HTML di atas antara lain :

<!DOCTYPE html> Menerangkan deklarasi mendefinisikan dokumen ini menjadi HTML5
<html> Menerangkan elemen elemen akar halaman HTML
<head> Menerangkan elemen berisi informasi meta tentang dokumen
<title> Menerangkan elemen menentukan judul untuk dokumen
<body> Menerangkan elemen berisi konten halaman yang terlihat
<h1> Menerangkan elemen mendefinisikan judul besar
<p> Menerangkan elemen mendefinisikan sebuah paragraf

Tag HTML

Tag HTML merupakan sebuah nama tag elemen yang dikelilingi tanda kurung siku:

<tagname> konten ada di sini ... </ tagname>

Contoh Tag Paragraf <p>.......</p>

< p > Paragraf pertamaku. < / p >

Tag HTML biasanya datang berpasangan seperti <p>dan</p>
Tag pertama dalam pasangan adalah tag awal / tag pembuka, tag kedua adalah tag akhir / tag penutup
Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag

Untuk membaca dokumen HTML dan menampilkannya anda memerlukan browser web Gratis Di internet misalnya seperti (Chrome, IE, Firefox, Safari)

Di bawah ini adalah visualisasi struktur halaman HTML:

Catatan: Hanya konten di dalam bagian <body> (area putih di atas) yang ditampilkan di browser.

Deklarasi <! DOCTYPE>

The <!DOCTYPE>deklarasi 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).

The <!DOCTYPE>deklarasi tidak sensitif huruf.

The <!DOCTYPE>deklarasi HTML5 adalah:

<!DOCTYPE html>

Versi HTML

Sejak masa awal web, ada banyak versi HTML:

Menulis HTML

Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional contonya ( Notepad++, Aloha Editor, Teks Sublime, Maqetta,Blue Griffon dan masih banyak lagi )

Namun, untuk belajar HTML saya merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).

Saya percaya menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML.

Dengan cara anda mengikuti ke empat langkah di bawah ini anda bisa membuat halaman web pertama Anda dengan mudah, salahsatunya diantaranya alat media untuk membuatnya menggunakan aplikasi Notepad bawaan windows atau notpad++.

Untuk Mengakses Notpad bawaan windows anda bisa melihat caranya untuk membuka dan menjalankan Notpad bawaan windows tersebut di artikel sebelumnya.

sedangkan untuk mengunduh Notpad++ anda bisa mengunjungi Situs Resminya atau bisa langsung .

Langkah 1: Buka Notepad (PC)

Windows 8 atau lebih baru:

Buka Layar Mulai (simbol jendela di kiri bawah pada layar Anda). Ketik Notepad .

Windows 7 atau yang lebih lama:

Buka Mulai > Program> Aksesori> Notepad

Langkah 1: Buka TextEdit (Mac)

Buka Finder> Aplikasi> TextEdit

Juga ubah beberapa preferensi untuk mendapatkan aplikasi untuk menyimpan file dengan benar. Di Preferences> Format> pilih "Plain Text"

Kemudian di bawah "Buka dan Simpan", centang kotak yang mengatakan "Tampilkan file HTML sebagai kode HTML alih-alih teks yang diformat".

Kemudian buka dokumen baru untuk menempatkan kode.

Langkah 2: Tulis Beberapa HTML

Tulis atau salin beberapa HTML ke Notepad.

<!DOCTYPE html>

<html>

<head>

<title> Struktur Dokumen HTML</title>

</head>

<body>

<h1>Judul Postingan</h1>

<p>Paragraph Pertamaku.</p>

</body>

</html>

Langkah 3: Simpan Halaman HTML

Save ataou simpan file di komputer Anda. Pilih File> Save as dalam menu Notepad.

Kemudian kasih nama terserah anda asalkan belakangnya pake ( .HTML ) sebagai conto saya menggunakan nama file "index.htm" dan atur encoding ke UTF-8 (yang merupakan pengkodean yang lebih disukai untuk file HTML).

Langkah 4: Lihat Halaman HTML di Browser Anda

Setelah selesai menyimpanya Buka file HTML yang anda buat tadi di browser favorit Anda bisa di Bah Google, Mozila, sapari atau bahkan IE juga tap karna saya seneng menggunakan Bah Google saya menggunakan Bahgoogle untuk membuka filenya. (cara membukanya bisa klik dua kali pada file yang anda simpan tadi, atau bisa klik kanan - setelah itu pilih "Open/Buka dengan").

Hasilnya akan terlihat seperti ini: