sistemit24.com

Belajar Html Elements
20-January-2017 - Publish Admin

HTML TAGS

Sebuah element HTML dimulai dengan menggunakan tag awal <>, jika element dokumen mengandung konten maka sebaiknya kita mengawali dengan menggunakan sebuah tag <> dan mengahirinya dengan menggunakan tag penutup </>

<namatag>Isi konten disini</namatag>

Tag awal Element Konten Tag Akhir
<div> Isi devisi konten </div>
<h1> Isi heading konten </h1>
<p> Isi Paragraf konten </p>
<br/>


Suatu element HTML dapat dilakukan dengan berlapis, tergantung bagaimana bentuk tampilan akan dibuat dan dibagian mana isi konten akan kita letakkan

Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Titel Halaman
                                    </title>
                                    </head>
                                    </html>

<html> mendefinisikan seluruh dokumen

Tag awal <html> dan diakhiri dengan </html>

Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Titel Halaman
                                    </title>
                                    </head>
                                    <body>
                                        Isi konten body
                                    </body>
                                    </html>

Element <body> mendefinisikan bagian dokumen Body

Untuk sebuah element konten kita dapat menambah tag <body> dan mengakhirinya dengan </body>

Sekarang jika element <body> memiliki 2 element yaitu <h1> dan <p>

Script HTML 
 
                                    <!DOCTYPE html>
                                    <html>
                                    <head>
                                    <title>
                                        Titel Halaman
                                    </title>
                                    </head>
                                    <body>
                                        <h1>Judul Dokumen</h1>
                                        <p>Paragraf Dokumen</p>
                                    </body>
                                    </html>

<h1> untuk mendefinisikan halaman judul

Untuk melulainya kita menggunakan <h1> dan diakhiri dengan </h1>

Script HTML 
                                   
Judul awal dokumen

<p> untuk mendefinisikan sebuah paragraf

Untuk melulainya kita menggunakan <p> dan diakhiri dengan </p>

Script HTML 
                                   
letak isi paragraf

Bagaimana jika kita lupa untuk menggunakan tag penutup dari sebuah element?

Didalam HTML kita di izinkan untuk tidak harus menggunakan tag penutup, tapi akan lebih rapi dan lebih sempurna apabila dokumen HTML menggunakan tag penutup


Catatan

Tidak semua tag element HTML harus menggunakan tag penutup, contohnya dalam penggunaan <br/>.

<br/> digunakan untuk membuat suatu baris kalimat.

contoh penggunaan adalah seperti ini

Script HTML 
 
                                                <!DOCTYPE html>
                                                <html>
                                                <head>
                                                <title>
                                                    Titel Halaman
                                                </title>
                                                </head>
                                                <body>
                                                    <br/>kata baris 1
                                                    <br/>kata baris 2
                                                </body>
                                                </html>

Maka jika dieksekusi hasilnya akan seperti ini

BELAJAR HTML ELEMENTS

Selain <br/> ada beberapa tag lagi yang tidak harus menggunakan tag penutup diantaranya yaitu: <img/>,<form/>,<input/>

Tag HTML tidak case sensitif terhadap huruf besar maupun kecil jika <P> itu berarti sama saja seperti <p>

HTML TUTORIAL
;