Pada pertemuan kali ini kita akan membahas tentang contoh sebuah tag fi body <p>,<br>,<hr>,<b>,<i>,<u>,<strong>,<em>,dan <!--....-->. mau tau selengkapnya kalian bisa kunjungi Tag html
Pertama kita membuat folder baru di folder html pada pertemuan Hello world! Dengan sublime text dengan nama latihan3
Lalu kita open di sublime text dan kita tekan ctrl+n new file dan dan jangan lupa di save klik ctrl+s dan beri nama
Lalu kita ketik html di suboime text lalu tekan tab
Lalu kita beri judul halamannya di title, Contoh: dengan nama paragraf HTML
Membuat sebuah paragraf
Lalu pertama kita akan membuat sebuah paragraf kita ketik p di body lalu tekan tab, Contoh dari paragraf pertama:
Lalu kalian save kita lihat di browser klik kanan open in browser hasilnya seperti ini adalah paragraf 1
Dan kita membuat lagi paragraf selanjutnya tekan p lalu tab lalu kalian ketik, Contoh :
Lalu kalian save, kalian kembali lagi ke browser lalu kita refresh kalian akan punya 2 buah paragraf,
kalau kita membuat paragraf html akan memberikan spasi diantara sesudah dan sebelum digaris merah tersebut,
Kalau kalian merasa kurang banyak spasinya/jaraknya kalian bisa menggunakan tag bantuan yaitu <br>
Contoh penulisan tag br dan hr
br dia berfungsi sebagai menambahkan baris baru,
hr dia berfungsi sebagai membuat garis horizontal,
Kita coba tambhakan baris baru di antara kedua paragraf
Kita save dan kembali kehalaman browser, spasi antara paragraf akan bertambah
br juga bisa disampan dimana saja bisa di dalam paragraf Contohnya seperti ini,
Dan hasilnya seperti berikut,
Dan untuk tag hr akan menambahkan garis horizontal kita coba meletaknnya sesudah paragraf ke 2 seperti ini,
Lalu kita save and kembali ke browser lalu refresh, hasilnya seperti dibawah ini,
Contoh penulisan tag b, i,dan u
b itu membuat teks menjadi bold/tebal
i itu membuat teks menjadi italic/miring
u itu membuat teks menjadi underline/garis bawah, penggunaanya seperti berikut,
Lalu kita membuat paragraf Contoh:
Paragraf ke 1 Selamat datang di tutorial membuat website, dan paragraf ke 2 Bersama lumbungweb,
Lalu saya membuat selamat datang menjadi bold, membuat web saya akan mejadikan italic dan lumbung web saya jadikan underline,
Lalu kita save kita lihat hasilnya kembali ke browser lalu refresh, akan seperti menjadi
di bawah
Cotoh tag strong dan em
Kalau misalkan kalian ingin mempunyai paragraf yang penuh makna misalkan di dalamnya ada penekanan membuat teks itu penting itu kalian menggunkan tag strong and em, em itu melakukan penekan dan bercetak miring kalau strong dia akan melakukan lebih penekanan dari em, em itu akan mrnjadi font italic dan strong akan menjadikan font menjadi tebal ontoh penggunaannya seperti ini,
Dan save lihat ke halaman browser lalu refresh efeknya sama persis seperti dengan bold dan italic tapi di paragraf terakhir ini memiliki makna yan berbeda dari hanya sekedar estetika atau dekorasi di paragraf sebelumnya
Dan kita sudah punya 3 buah paragraf biar kita tidak lupa kita membahas tentang apa website ini kita kasih komentar di atas kita tekan ctrl+/ lalu kita ketik contoh tag p, br, hr, b, i,u,strong,dan em
Bagi anda yang ingin mempunyai website tanpa susah-susah ngoding kalaian pesan saja diSpesialis web
~♧Semoga membantu kalian semua :) ♧~
0 komentar:
Posting Komentar