Kumpulan Kode HTML Lengkap Dengan Contohnya

357 views

kumpulan kode html lengkap

Kumpulan kode html lengkap untuk pelangkap website

Jika Sobat mencari daftar tag HTML keren untuk melakukan modifikasi di situs web sobat, Sobat berada di tempat yang tepat. Tutorial HTML ini IDpoin menyediakan berbagai macam tag dan kode untuk meningkatkan pemahaman Sobat bagaimana Web dirancang oleh sobat., Kode tag HTML bersifat case-insensitive. Bagan HTML berikut dibuat untuk membantu Anda membangun aplikasi web HTML , situs web , atau blog Anda sendiri. Referensi Kode HTML Anda dapat menemukan sebagian besar tag yang diminta, dan juga elemen. Perhatikan bahwa tidak semua browser mendukung beberapa tag HTML ini ya. script HTML ini bagus untuk memaniskan tampilan website, baik untuk web HTML sendiri maupun untuk script php, apa lagi di padukan dengan javascript atau dengan jquery.

Biasanya setiap elemen HTML memiliki tag pembuka <a> dan tag penutup </a> sementara beberapa elemen tidak perlu memiliki tag penutup, seperti tag Line Break <br> (* situs tertulis XHTML harus menggunakan </br> tag). tag kode ini bisa sobat padukan dalam website wordpress yang menggunakan kode php, tag ini bisa disandingkan dengan kode php. dan IDpoin sering modifikasi tema wordpress dengan code html untuk melengkapi beberapa fitur yang kadang – kadang tidak ada, maka admin sering mengoprek tema wordpress dengan penambahan fitur code html.

berikut contoh kode HTML yang mungkin berguna untuk sobat

* Tag membuat link atau tautan, kodenya seperti ini

<a href=”http://idpoin.com”> judul link </a>

* Link terbuka di tab baru

<a href=”http://idpoin.com” target=”_blank”>judul link</a>

kode ini bertujuan untuk link akan terbuka ke tab baru yang jadi halaman utama tetap terbuka tanpa menindihnya

* Huruf Besar <big>teks disini</big>

* Tanda petik <Blockquote> teks disini </ blockquote>

* Pemisah teks kebawah <br> ini fungsinya sama dengan menekan [enter] jika fungsi enter tidak berfungsi di html sebaiknya pasang kode tersebut.

* Teks rata tengah <center>teks disini</center> semua teks akan berada di tengah.

* Teks rata kanan <left>teks disini</left> semua teks rata di bagian kiri tulisan

* Teks rata kiri <right>teks disini</right> semua teks rata di bagian kanan

* teks yang di hapus <del> contoh teks </div>

* untuk buat tulisan tebal cukup pasang tag <b>tulisan</b>

* dan untuk huruf miring cukup tulis <i>tulisan</i>

* untuk buat garis bawah di teks codenya seperti ini

<u>teks sobat</u>

* Untuk membuat heding pada tag HTML cukup pasang kode dibawah ini

<h1>teks<h1>

<h2>teks<h2>

<h3>teks<h3>

<h4>teks<h4>

<h5>teks<h5>

<h6>teks<h6>

* Pasang video atau mp3

<Embed src = “videofile.mov” width = “100” height = “100”>

* Garis horizontal <hr> contoh dibawah


* cara menyisipkan gambar <img src=”photo.jpg” alt=”isi teks alternatif”>

* Gambar dengan link

<a href=”http://idpoin.com”><img src=”gampar.jpg”></a>

(ketika klik gambar maka akan menuju ke link yang di tentukan)

* Gambar dengan mengubah ukuran

<img src=”http://url-gambar” width=”100″ height=”100″>

* Cara membuat nomer berurutan bisa pasang kode dibawah ini

<ul>
<li>teks pertama</li>
<li>teks kedua</li>
<li>teks ketiga</li>
</ul>

<ul> ini berfungsi membuka daftar nomer dan ditutup dengan </ul>, sedangkan nomernya dengan code <li> dan tutup dengan </li> untuk ke nomer berikutnya.

sedangkan untuk membuat tabel dengan html cukup buat seperti ini.

<table>
<tr>
<th>judul1</th>
<th>judul2</th>
</tr>
<tr>
<td>isi</td>
<td>isi</td>
</tr>
</table>

code <table> ini untuk membuka data tabel sedangkan untuk <th> ini berfungsi sebagai pembuat kolom,  diatas contohnya hanya 2 kolom, sedangkan fungsi <td> bagian dari isi tabel, dan jangan lupa untuk penutup tag biasa di akhiri </>

* Kode button <button type=”button” onclick=”alert(‘Hello world!’)”>Click Me!</button>

dan untuk kode warna bisa simak di bawah ini

Dan jika tertarik dengan wordpress silahkan lihat lihat terlebih dahulu dibawah ini

terima kasih sudah membaca artikel ini

kumpulan kode html lengkap dan cara pakainya

semoga bermanfaat ya, seperti biasa jangan lupa untuk share artikel ini, klik dibawah ini. Salam IDpoin

cara belajar html pemula coding html sederhana contoh coding html sederhana kode kode html dan fungsinya kode script html lengkap kumpulan script html keren

Posting Terkait