Bismillahirrahmanirrahiim
Dalam membuat kerangka web design tentunya kita menggunakan yang namanya Html. Dalam format html kita harus mengetahui banyaknya tag-tag,element-element dan attribut yang dibutuhkan ketika kita membuat layout halaman sebuah web, disini saya membahas tag tag html tersebut beserta contohnya yang langsung dapat sobat praktekan, dalam satu pembahasan saya tidak membahas semua tag tag yang ada di html melainkan beberapa darinya, karena jikalau kebayakan nanti sobat bosan membacanya, jadi saya putuskan untuk menyambungnya pada postingan selanjutnya untuk tag tag yang lain. Oke langsung saja ...
NB : untuk mengetik hilangkan code , oke.
Heading
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen html, html menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama. Contoh: Ketiklah dengan program text editor kesayangan sobat dan simpan dengan nama file heading.html
<!Doctype Html> <html> <head> <title>Headings Html</title> </head> <body> <h1> Heading Level 1</h1> <h2> Heading Level 2</h2> <h3> Heading Level 3</h3> <h4> Heading Level 4</h4> <h5> Heading Level 5</h5> <h6> Heading Level 6</h6> </body> </html>Hasil running dari program diatas adalah seperti gambar dibawah ini :
Paragraf
Untuk membuat paragraf digunakan tag
. Setelah tag
Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup
. Anda bisa mengatur posisi paragraf dengan attribut align. Atribut align diikuti dengan posisi yang diinginkan. left untuk rata kiri, center untuk rata tengah dan right untuk rata kanan.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file paragraf.html
Hasil running dari kode html diatas seperti gambar dibawah ini :
Blockquote
Perintah tag blockquote digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks) atau menampilkan teks dalam bentuk huruf miring.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file blockquote.html
Hasil running dari code html diatas adalah seperti gambar dibawah ini :
PREFORMATTED TEXT
Preformatted Text (pre) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen html. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet).
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file performatted.html
Hasil running dari kode html diatas adalah seperti gambar dibawah ini:
BEGIN ROW
Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag
membuat baris baru tanpa memberi baris kosong di bawahnya.
Contoh:
Ketiklah dengan program notepad dan simpan dengan nama file beginrow.html
<!Doctype Html> <html> <!Doctype Html> <html> <head> <title>Begin Row</title> </head> <body> <p> Software-software yang dibutuhkan yaitu: Sublime Text Adobe Dreamwaever Notepad ++</body> </html>Hasil running dari script diatas adalah seperti gambar dibawah ini :
sampai disini dulu tutorial mengenai tag Html dari saya , Semoga tutorial ini bermanfaat bagi sobat, atas segala kekuranganya mohon dimaafkan dan di beri saran untuk file pdfnya bisa didownload disini.
0 Comments
Berkomentarlah dengan baik dan sopan