Kode - Kode Dasar Pada HTML
postingan kali ini aldi mulai menjelaskan kode - kode HTML, untuk kali ini yang paling dasar dulu ya ...
berhubung kode html itu memang kalo di bilang banyak juga sii .. tapi untuk kalian yang ingin belajar html , sebaiknya baca dulu artikel ini sebelum lanjut ke artikel selanjutnya .
kode-kode html itu ternyata mempunyai dasar kode yang harus di ketahui jika kalian memang benar - benar ingin belajar HTML . jika tidak lupakan saja artikel ini yaa.
oke langsung saja merapat ke topik artikel .
untuk basic html yang pertama adalah heading
mungkin jika kalian membaca postingan aldi sebelumnya . pasti kalian ssudah dapat familiar dengan kata heading.
html heading terdiri dari h1 sampai h6
sini merapat kita lihat contoh dulu biar asikk .
dari contoh di atas dapat simpulkan bahwa h1 adalah tulisan kamu yang terbesar dan seterusnya hingga h6 tulisan kamu yang terkecil.
html paragraf
kayanya aldi ga perlu jelasin lagi deh tentang html paragraf . oke aldi anggap kalian sudah mengetahui apa itu paragraf .. biar aldi kasih contoh aja yaa .
html links
nahh untuk yang ini nih yang paling penting . yaitu html link .. html link berfungsi untuk anda dalam hal membuat link - link ke artikel lain di blog anda ataupun ke alamat web lain .
kalau di dalam blogger untuk membuat link nya itu mudah kok ..
jika kalian sedang membuat postingan , bisa kalian lihat di atas kolom posingan ada tulisan link ..
ada engga . pasti adalah .ya kan .. tapi bagi anda yang menggunakan blogger classic maka lambang link biasanya di ubah dengan gambar rantai
waduhh berarti mudah donkkk untuk membuat link pada blog yaa ???
jika anda bertanya seperti itu jawabannya adalah yaa ..akan tetapi jika anda ingin membuat link pada template blog anda silakan kalian lihat contoh berikut yaa ..
maka hasil nya akan seperti ini : contoh link
oke aldi rasa kalian sudah paham dehhh ... ayo kita lanjutt
html image
maksud html image ini adalah kode hml untuk memasukan gambar . berbeda dengan kode html pada pembuatan link . kode html ini harus di ketik sendiri karena untuk saat ini blogger masih belum meluncurkan asesoris untuk membuat html image secara praktis.
mari merapat kita lihat contoh html nya :
pada contoh di atas fungsi width adalah untuk mengatur panjang gambar sedangkan height untuk mengatur lebar . ( ukuran sesuai keinginan anda ).
ehmm .. gmna artikelnya nih teman ... mudah-mudahan dapat membantu yaaa ..
oke dehhh aldi rasa cukup basic html nya ..
semoga bermanfaat
berhubung kode html itu memang kalo di bilang banyak juga sii .. tapi untuk kalian yang ingin belajar html , sebaiknya baca dulu artikel ini sebelum lanjut ke artikel selanjutnya .
kode-kode html itu ternyata mempunyai dasar kode yang harus di ketahui jika kalian memang benar - benar ingin belajar HTML . jika tidak lupakan saja artikel ini yaa.
oke langsung saja merapat ke topik artikel .
untuk basic html yang pertama adalah heading
mungkin jika kalian membaca postingan aldi sebelumnya . pasti kalian ssudah dapat familiar dengan kata heading.
html heading terdiri dari h1 sampai h6
sini merapat kita lihat contoh dulu biar asikk .
<h1>tulisan kamu </h1>
<h2>tulisan kamu </h2>
<h3>tulisan kamu </h3>
<h4>tulisan kamu </h4>
<h5>tulisan kamu </h5>
<h6>tulisan kamu </h6>
<h2>tulisan kamu </h2>
<h3>tulisan kamu </h3>
<h4>tulisan kamu </h4>
<h5>tulisan kamu </h5>
<h6>tulisan kamu </h6>
dari contoh di atas dapat simpulkan bahwa h1 adalah tulisan kamu yang terbesar dan seterusnya hingga h6 tulisan kamu yang terkecil.
html paragraf
<p> disini letak paragraf kamu </p>
<p> dsini letak paragraf tulisan kamu selanjutnya </p>
<p> dsini letak paragraf tulisan kamu selanjutnya </p>
html links
nahh untuk yang ini nih yang paling penting . yaitu html link .. html link berfungsi untuk anda dalam hal membuat link - link ke artikel lain di blog anda ataupun ke alamat web lain .
kalau di dalam blogger untuk membuat link nya itu mudah kok ..
jika kalian sedang membuat postingan , bisa kalian lihat di atas kolom posingan ada tulisan link ..
ada engga . pasti adalah .ya kan .. tapi bagi anda yang menggunakan blogger classic maka lambang link biasanya di ubah dengan gambar rantai
waduhh berarti mudah donkkk untuk membuat link pada blog yaa ???
jika anda bertanya seperti itu jawabannya adalah yaa ..akan tetapi jika anda ingin membuat link pada template blog anda silakan kalian lihat contoh berikut yaa ..
<a href=" di sini alamat link yang kalian ingin tuju">contoh link</a>
maka hasil nya akan seperti ini : contoh link
oke aldi rasa kalian sudah paham dehhh ... ayo kita lanjutt
html image
maksud html image ini adalah kode hml untuk memasukan gambar . berbeda dengan kode html pada pembuatan link . kode html ini harus di ketik sendiri karena untuk saat ini blogger masih belum meluncurkan asesoris untuk membuat html image secara praktis.
mari merapat kita lihat contoh html nya :
<img src="di sini alamat gambar tersebut" width="20" height="30"/>
pada contoh di atas fungsi width adalah untuk mengatur panjang gambar sedangkan height untuk mengatur lebar . ( ukuran sesuai keinginan anda ).
ehmm .. gmna artikelnya nih teman ... mudah-mudahan dapat membantu yaaa ..
oke dehhh aldi rasa cukup basic html nya ..
semoga bermanfaat
Post a Comment