Kode Html Terlengkap Part 2

Bismillahirrohmanirrohim

Assalamualaikum, wr.wb .Setelah di artikel saya yang kemarin kita mungkin sudah mengetahui beberapa kode html yang bisa kita terapkan dalam menulis postingan blog di html .

bagi yang belum mengetahui kode html sebelum nya bisa di baca di artikel saya yang berjudul kode html terlengkap di sini ,tetapi di postingan kemarin saya baru menulis separuh karena sudah keburu cape ngetik jari saya nya eung .

Di kesempatan sekarang saya lanjutin untuk part 2 nya . bagi yang belum mengetahui apa itu kode html ,silahkan baca dahulu definisi dari apa itu kode html? Di sini , nah inilah beberapa kode html selanjutnya yang saya janji kan kmari ,hayu kita simak lagi ..

Kode Untuk Menampilkan Gambar
<img src="http://url gambar anda"</img>

<div style="text-align:center;"> <a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

membuat teks ninja shadow bayangan
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="green"><b class="drop-shadow"><b>teks anda</b></font></b>

membuat teks ukuran besar
<font color="orange" size="15px">Teks sobat</font>

membuat teks dengan alinea baru atau baris baru

<p style="text-indent:30px;"> teks</p>

Mengubah Ukuran Teks Area
untuk membuat dan mengubah ukuran teks area
<text*area cols="15" rows="2">hapus tanda *</text*area> </p> <p> <br> membuat table 1 kolom </br> <table width="100%"border="1"> <tr><td width="100%" bgcolor="orange" align="center">untuk membuat tabel satu kolom</td></tr> </table> </br> </p> <br /> <textarea rows="3" cols="20"> <table width="100%" border="1"> <tr><td width="100%" bgcolor="orange" align="center">teks</td></tr> </table>

membuat table 1 kolom

untuk membuat tabel satu kolom

<table width="100%" border="1"> <tr><td width="100%" bgcolor="orange" align="center">teks</td></tr> </table>

membuat tabel 2 kolom

teks pertama

teks kedua

<table width="100%" border="1"> <tr><td width="50%" bgcolor="orange" align="center">teks pertama</td><td width="50%" bgcolor="green" align="center">teks kedua</td></tr> </table>

membuat tabel 3 kolom

teks pertama

teks kedua

teks ketiga

<table width="100%" border="1"> <tr><td width="33%" bgcolor="orange" align="center">teks pertama</td><td width="34%" bgcolor="orange" align="center">teks kedua</td><td width="33%" bgcolor="orange" align="center">teks ketiga</td></tr> </table>


membuat link dengan gambar
<a href="http://url tujuan"><img src ="http://url gambarmu"/></a>

membuat spoiler / show link tombol

Isi spoiler

<div style="margin-bottom:<br /> 5px;"><br /> <div class="smallfont"<br /> style="margin: 2px;"><br /> <input value="Show" style="margin: 0px; padding:<br /> 0px; width: 60px; height: 60px; font-size:<br /> 12px;" onclick="if<br /> (this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div') [0].style.display != '')<br /> { this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div')<br /> [0].style.display = '';<br /> this.innerText = ''; this.value = 'hide'; } else { this.parentNode.parentNode.<br /> getElementsByTagName('div')<br /> [1].getElementsByTagName('div')<br /> [0].style.display = 'none';<br /> this.innerText = ''; this.value =<br /> 'show'; }" type="button"/> </div> <br /> <div class="alt2" style="border:<br /> 1px inset ; margin: 5px; padding:<br /> 1px;"><br /> <div style="display: none;"> <br /> Isi spoiler<br /> </div> <br /> </div> <br /> </div>

membuat teks ninja shadow bayangan
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>text berbayang</b></font></b> </br>

menambahkan background dan mewarnai teks

<div style="background:#88ffff"> <font color="red">menambahkan background dan mewarnai teks</font></div>

cara membesarkan teks
<span style="size:15"> cara membesarkan teks </span><br />

ket : angka 15 bisa di ganti sesuai kebutuhan

membuat paragraf sedikit lebih menjorok ke dalam yang bahasa keren nya di kenal dengan INDENT

<blockquote> membuat paragraf sedikit lebih menjorok ke dalam </blockquote>

membuat tabel

baris 1 Kolom 1	baris 1 Kolom 2	baris 1 Kolom 3
baris 2 Kolom 1	baris 2 Kolom 2	baris 2 Kolom 3

<table border="7"><br /> <tr> <td> baris 1 Kolom 1</TD> <td> baris 1 Kolom 2</TD> <td> baris 1 Kolom 3</TD> </TR> <br /> <tr> <td>baris 2 Kolom 1</TD> <td> baris 2 Kolom 2</TD> <td> baris 2 Kolom 3</TD> </Tr> <br /> </table>

Keterangan :

• <*tr> adalah banyaknya baris.
• <*td> adalah banyaknya kolom dalam satu baris.

Tabel diatas terdiri dari 2 baris, masing- masing baris 3 kolom.  Angka 7 pada border="7" merupakan besar kecilnya border tabel.

menampilkan link yang menuju ke email
<a href="mailto:alamatemail<br /> Anda@yahoo.com">nama yang ditampilkan</a>

membuat menu tabel

BERBAGIPEDIAINFO

Situs Penghasil Dollar Gratis	Situs Penghasil Bitcoin Gratis
Trading Bitcoin Gratis	Trading Forex Gratis

<div style="border:1px solid#ffffff; padding:1px;"> <br /> <div style="border:1px solid#ffffff; padding:1px;"> <br /> <table width="100%" border="1"><td bgcolor=black><div style="text-align:center;"><br /> <font color="white" <br /> size=5>=MENU=</font></table> <br /> <br /> <table width="100%" <br /> border="0"><br /> <tr><td width="50%" bgcolor="black" <br /> align="center"><a href="https://berbagipediainfo.blogspot.com" class=""><font <br /> color="lime">LINK 1</font></a></td><td <br /> width="50%" bgcolor="black" align="center"><a href="https://berbagipediainfo.blogspot.com" <br /> class=""><font color="lime">LINK <br /> 2</font></a></td><br /> <tr><td width="50%" <br /> bgcolor="black" align="center"><a href="https://berbagipediainfo.blogspot.com" <br /> <class=""><font color="lime">LINK 3 <br /> </font></a></td><td width="50%" bgcolor="black" align="center"><a href="https://berbagipediainfo.blogspot.com" class=""><font color="lime">LINK <br /> 4</font></a></td></tr> <br /> </table> <br /> </div> </div> </div> <br /> <br />

membuat paragraf dan baris baru
Paragrap baru =

Baris baru =
Paragrap baru = <p /> <br /> Baris baru = <br />

membuat paragraf
<p />

membuat baris baru
<br />

membuat tabel 3 kolom

teks pertama

teks kedua

teks ketiga

<table width="100%" border="1"> <tr><td width="33%" bgcolor="orange" align="center">teks pertama</td><td width="34%" bgcolor="orange" align="center">teks kedua</td><td width="33%" bgcolor="orange" align="center">teks ketiga</td></tr> </table>

membuat tabel 2 kolom

teks pertama

teks kedua

tabel 2 kolom </br> <br> <table width="100%" border="1"> <tr><td width="50%" bgcolor="orange" align="center">teks pertama</td><td width="50%" bgcolor="green" align="center">teks kedua</td></tr> </table>

<div style="text-align:center;"> <a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

Membuat Garis Berwarna

---

<hr color ='red' width='auto'/>

untuk mengatur ukuran garis

---

mengatur ukuran garis </br> <hr style="color:#00f" width="60%">

membuat teks ninja shadow bayangan / shadow
<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="green"><b class="drop-shadow"><b>teks anda</b></font></b>

membuat paragraf baru
<p />

membuat baris baru
<br />

membuat ukuran teks lebih besar

ukuran kecil sampai h6
<h1> teks</h1> ukuran kecil sampai h6

membuat ukuran teks lebih besar dan berwarna
<font color="orange" size="15px">Teks anda silahkan coba </font>

membuat teks dengan alinea baru :

membuat teks dengan alinea baru

<p style="text-indent:30px;"> teks

Teks Area Dotted :
teks area dotted
<text*area name="code" cols="15" rows="1" style="background:#6bb;color:#ffffff;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">jangan lupa hapus tanda * nya yaa 😉 </text*area>

Nah itu untuk beberapa lanjutan kode html part (bagian) ke 2 ini adalah hasil dari sambungan kode html terlengkap yang sebelum nya sudah saya posting duluan.

Untuk seterusnya bagi yang ingin mengetahui kode untuk membuat tabel html dan cara membuat tombol spoiler link yang konten nya bisa kita tutup/sembunyikan, untuk lebih jelasnya apa itu spoiler silahkan boleh anda baca cara membuat spoiler link dengan tombol di sini agar kita bisa mengetahui dan langaung coba praktekan langsung

ya sudah lah untuk di kesempatan ini sampai sini dulu yaa , udah ngantuk banget dulu saya nya .. Semoga artikel ini berguna dan bermanfaat buat kita semua .

Terima kasih , Wassalamualaikum warohmatullohi Wa Barokatu