Mengenal Tag Tag pada HTML 5
Beginilah Struktur awal file HTML 5

<!DOCTYPE html>
<html>
<body>
</body>
</html>

Point Point Penting

Html 5 di awali dengan deklarasi <!DOCTYPE> tujuaanya agar browser mengenali kalo file yang akan di tampilkan adalah file html 5
Html 5 di awali dengan tag pembuka <html> dan setiap tag yg di buka harus di tutup contohnya <html></html>
dalam Html 5 terdapat tag <body> didalam tag inilah kita akan mengisi struktur web yang akan kita buat
Html 5 bersifat inheritance atau mewarisi (Sistem Keturunan) contohnya pada tag <html><body></body></html> , tag <body> adalah tag anak dari tag <html>
Mempelajari sistem dasar pewarisan html 5 dengan baik akan sangat berguna nantinya jika kita mebuat sytle sheets atau biasa di kenal dengan CSS
Adapun beberapa tag html 5 yg ditutup dengan cara berbeda , contohnya tag <br/> dan <hr/> dalam membuat tag <br/> dan tag <hr/> cukup di tuliskan langsung di dalam tag<body></body> contohnya <body><p>tulisan saya</p><hr/></body>

Nah sekarang saya membuat beberapa tag baru untuk menempatkan tulis pada html 5

<!DOCTYPE html>
<html>
<body>
<h1>heading 1 judul tulisan</h1>
<h2>heading 2 &lt; heading 1</h2>
<h3>heading 3 &lt; heading 2</h3>
<h4>heading 4 &lt; heading 3</h4>
<h5>heading 5 &lt; heading 4</h5>
<h6>heading 6 &lt; heading 5</h6>
<hr/>
<p>penulisan paragraph untuk html</p>
<p>paragraph 1</p>
<p>paragraph 2</p>
</body>
</html>

Hasilnya

heading 1 judul tulisan

heading 2 < heading 1

heading 3 < heading 2

heading 4 < heading 3

heading 5 < heading 4

heading 6 < heading 5

penulisan paragraph untuk html
paragraph 1
paragraph 2

Tag heading yg saya buat tadi terbaca oleh browser sebagai file Html , dan tulisan yang ada di dalam
tag <h1> contohnya saja tulisan saya yang tadi <h1>heading 1 judul tulisan</h1> di tampilkan dengan format heading (judul paragraph/tulisan) oleh browser.

Untuk paragraph biasa kita gunakan tag <p>paragraph</p> , atau tulisan bisa saja anda langsung taruh di tag <body>tulisan anda</body> dan untuk memberi spasi pada tulisan kita beri tag <br/> contohnya <body>tulisan anda</br>br telah meberi spasi untuk tulisan selanjutnya setelah tulisan anda</body>

Mari kita coba saja

<!DOCTYPE html>
<html>
<body>
<h1>Mari Belajar HTML 5</h1>
inilah artikel html 5 yang akan di cetak oleh
browser sebagai text biasa / paragraph <br/>
untuk memberi spasi gunakan tag &lt;br/&gt; 
<br/> 
dan membuat garis gunakan tag &lt;hr/&gt; 
<hr/>
</body>
</html>

ini dia hasil kode di atas

Mari Belajar HTML 5

inilah artikel html 5 yang akan di cetak oleh browser sebagai text biasa / paragraph
untuk memberi spasi gunakan tag <br/>
dan membuat garis gunakan tag <hr/>

link buat coba coba Html 5 bisa ke sini
selamat belajar ya guys dasar sangatlah penting ibarat sebuah bangunan pondasi dasar yang kuat akan menjadikan bangunan itu kuat juga , Good Luck

Sekolah Tinggi Sistem Desain

NavBar

Jumat, 27 Juni 2014

HTML 5 part 1 - Tag Html