HTML Pengenalan
Apa sih HTML ?
HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web).
HTML singkatan H yper T ext M arkup L anguage
Sebuah bahasa markup adalah seperangkat tag markup
Dokumen HTML dijelaskan oleh tag HTML
Setiap tag HTML menjelaskan isi dokumen yang berbeda
<!--Struktur awal penulisan HTML-->
<!DOCTYPE html> <!--Jenis tag/kode HTML yang di pakai versi 5-->
<html>
<head>
<title></title>
</head>
<body>
<body>
</html>
Keterangan :
DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
Teks antara <html> dan </html> menggambarkan sebuah dokumen HTML
Teks antara <head> dan </head> memberikan informasi tentang dokumen
Teks antara <title> dan </title> memberikan judul untuk dokumen
Teks antara <body> dan </body> menggambarkan isi halaman yang terlihat
HTML Tag
Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut:
< Tagname > konten < / tagname>
Tag HTML biasanya datang berpasangan seperti < p > dan < / p>
Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag
Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
HTML Editor
Dalam penulisan HTML dapat menggunakan beberapa editor , antara lain :
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
TextEdit
Notepad++
PHP Storm
Sublime
dll
Namun, untuk awal belajar HTML sebaiknya editor teks yang digunakan seperti Notepad (PC) atau TextEdit (Mac). Kami percaya menggunakan editor teks sederhana adalah cara yang baik untuk belajar HTML.
Ikuti 4 langkah berikut untuk membuat halaman web pertama Anda dengan Notepad.
Langkah 1: Buka Notepad
Untuk membuka Notepad di Windows 7 atau sebelumnya:
Klik Start (kiri bawah pada layar Anda). Klik All Programs. Klik Accessories. Klik Notepad.
Untuk membuka Notepad di Windows 8 atau yang lebih baru:
Buka Start Screen (simbol jendela di bagian kiri bawah pada layar Anda). Ketik Notepad.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<body>
</html>
Langkah 2: Menulis Beberapa HTML
Menulis atau menyalin beberapa HTML ke Notepad.
Langkah 3: Menyimpan Halaman HTML
Cara menyimpan file HTML adalah klik File -> Save As lalu simpan dengan ekstensi htm atau html contohnya index.html
Langkah 4 : Melihat Hasil file HTML di Browser
Klik dua kali file HTML yang disimpan, dan hasilnya akan terlihat seperti ini:
HTML Basic
Semua dokumen HTML harus dimulai dengan deklarasi tipe: < ! DOCTYPE html >.
Dokumen HTML itu sendiri dimulai dengan < html > dan diakhiri dengan < / html >.
Bagian terlihat dari dokumen HTML adalah antara < body > dan < / body>.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<body>
</html>
Bagian terlihat dari dokumen HTML adalah antara < body > dan < / body>.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<body>
</html>
0 Response to "Belajar HTML Bag.1"
Post a Comment