Assalamu'alakum Wr. Wb.
Hello guys,, bertemu lagi dengan saya Salman Fauzan dipostingan baru ini. Sudah lama saya tidak meng-update blog ini karena alasan tertentu. Kali ini kita akan belajar tentang hal baru yang berbeda dari biasanya. Kali ini kita akan membahas tentang HTML (Hpter Text Markup Language), sekarang kita akan membahas tentang bagaimana cara membuat website sederhana menggunakan Notepad++ atau sublime dengan menggunakan HTML. Ya kita mulai pembahasan kali ini, Untuk membuat website menggunakan HTML harus diawal dengan :
<html>
<head>
<title> . . . . . </title>
<body>
Isi
</body>
</head>
</html>
Tag <html> digunakan untuk membuat dokumen ber format html, <head> untuk memberikan informasi untuk dokumen html tersebut, <title> untuk membuat title pada bagian tab di browser, <body> untuk membuat isi dari dokumen html tersebut. Nah jangan lupa setelah mengisi format diatas dengan tulisan / text yang ingin kalian buat, harus diakhiri dengan Tag </body>, </head>, </html> dan seterusnya sesuai dengan Tag apa saja yang kalian gunakan saat membuat dokumen tersebut, saya menyarankan untuk menutupnya dimulai dengan Tag yang paling akhir hingga Tag yang paling awal agartidak terjadi kesalahan.Sekarang saya akan menjelaskan tentang :
1.Tag Heading
Tag <h1> sampai <h6> digunakan untuk menunjukan awal dari sebuah dokumen tersebut, h1 adalah ukuran Text ysng terbesar sedangkan h6 adalah ukuran Text yang terkecil. Gambar dibawah merupakan tampilan file html yang telah dibuat menggunakan tag <h1> sampai <h6>
Hello guys,, bertemu lagi dengan saya Salman Fauzan dipostingan baru ini. Sudah lama saya tidak meng-update blog ini karena alasan tertentu. Kali ini kita akan belajar tentang hal baru yang berbeda dari biasanya. Kali ini kita akan membahas tentang HTML (Hpter Text Markup Language), sekarang kita akan membahas tentang bagaimana cara membuat website sederhana menggunakan Notepad++ atau sublime dengan menggunakan HTML. Ya kita mulai pembahasan kali ini, Untuk membuat website menggunakan HTML harus diawal dengan :
<html>
<head>
<title> . . . . . </title>
<body>
Isi
</body>
</head>
</html>
Tag <html> digunakan untuk membuat dokumen ber format html, <head> untuk memberikan informasi untuk dokumen html tersebut, <title> untuk membuat title pada bagian tab di browser, <body> untuk membuat isi dari dokumen html tersebut. Nah jangan lupa setelah mengisi format diatas dengan tulisan / text yang ingin kalian buat, harus diakhiri dengan Tag </body>, </head>, </html> dan seterusnya sesuai dengan Tag apa saja yang kalian gunakan saat membuat dokumen tersebut, saya menyarankan untuk menutupnya dimulai dengan Tag yang paling akhir hingga Tag yang paling awal agartidak terjadi kesalahan.Sekarang saya akan menjelaskan tentang :
1.Tag Heading
Tag <h1> sampai <h6> digunakan untuk menunjukan awal dari sebuah dokumen tersebut, h1 adalah ukuran Text ysng terbesar sedangkan h6 adalah ukuran Text yang terkecil. Gambar dibawah merupakan tampilan file html yang telah dibuat menggunakan tag <h1> sampai <h6>
2.Paragraph
Tag <p> digunakan untuk membuat Text Paragraf, apabila kalian ingin membuat suatu paragraf kalian dapat menggunakan tag ini. Gambar dibawah adalah tampilan dokumen html yang telah dibuat menggunakan tag <p>
3. Membuat Link
Tag <a href = "Link yang ingin dibuka"> digunakan untuk membuat hyperlink yang akan disambungkan dengan link yang diketikan pada isi dari tag diatas. Pada tag yang pertama, Text yang telah disambungkan dengan link tersebut apabiila diklik akan langsung membuka link yang disambungkan tersebut. Apabila menggunakan Tag <a href = "Link yang ingin dibuka" target = "_blank">, Text ysng disambungkan dengan link tesebut akan dibuka di tab baru saat dibuka
4.Menampilkan Gambar
Apabila kalian ingin menampilkan gambar pada file HTML yang dibuat, kalian dapat menggunakan tag <img src = "NamaGambar.Formatnya" width = "Ukuran yang dinginkan" alt = "Deksripsi dari gambar tersebut"> pastikan file gambar tersebut terdapat dalam 1 folder dengan file HTML kalian. Apabila file gambarnya terdapat dalam folder yang lain kalian dapat menggunakan tag ini <img src = "Folder/NamaGambar.Formatnya" width "Ukurang yang diinginkan" alt =Deksripsi gambar" > dengan menggunakan tag diatas, komputer akan otomatis mencari file gambar yang terdapat pada folder yang berbeda, harap perhatikan besar kecil nya huruf harus disesuaikan dengan nama filenya. Jika kalian ingin mengatur ukuran gambarnya, kalian dapat menambahkan tag width didalamnya, saya sarankan menggunakan % untuk memudahkan kalian untuk menyesuaikan gambar.
Cukup sekian materi yang dapat saya sampaikan, mohon maaf bila ada kesalahan kata maupun kesalahan pada pengetikan. See you next guys.
Wassalamu'alaikum Wr.Wb
Komentar
Posting Komentar