Kode Dasar HTML
HTML (Hyper Text Mark-up Language)
HTML adalah susunan kode-kode yang
digunakan untuk membuat halaman website atau dokumen berbasis html.Kode html
berfungsi untuk mengatur setiap isi pada halaman dokumen html baik warna, latar
belakang, text, gambar, suara dsb sesuai dengan yang kita inginkan, penyusunan
kode html adalah biasa dengan diawali dengan kode "<>" Opening
Tag dan diakhiri dengan "</>" Closing Tag, kedua tag ini untuk
mengapit unsur yang kita kelola sehingga menghasilkan penampilan yang unik secara
otomatis.
Berikut beberapa contoh struktur kode
html:
1.
Bold (Tulisan Tebal)
Jika kita ingin membuat satu tulisan
dengan tampilan efek bold maka yang harus kita lakukan adalah mengapit
tulisan tersebut diantara Opening tag dan Closing tag, dan kode html'nya adalah
"b" sebelum ditambahkan dengan kedua tag tersebut.
Contoh :
<b>Mesut
Rhozy</b> ataupun juga bisa dengan <strong>Mesut
Rhozy</strong>
Maka Tampilannya
akan seperti ini :
Mesut Rhozy
2. Italics (Tulisan
Miring)
Memberikan efek miring pada tulisan yg kita inginkan
Contoh :
Memberikan efek miring pada tulisan yg kita inginkan
Contoh :
<i>mesut
Rhozy</i> ataupun juga bisa dengan <em>Mesut Rhozy>
Maka Tampilannya
akan seperti ini :
Mesut Rhozy
3. Underline (Garis Bawah)
Memberikan efek bergaris bawah pada tulisan
yang kita apit
Contoh:
Contoh:
<u>mesut
Rhozy</u>
Maka Tampilannya
akan seperti ini :
Mesut Rhozy 4. Strike (Garis Tengah)
Memberikan efek
bergaris tengah pada tulisan yang kita apit
Contoh :
<s>Mesut
Rhozy</s> ataupun juga <strike>Mesut Rhozy</strike>
Maka Tampilannya
akan seperti ini :
5. Align (Perataan)
Adalah untuk memposisikan tulisan atau unsur lainnya sesuai selera.
Align terdiri dari beberapa macam, berikut ini misalnya:
Align terdiri dari beberapa macam, berikut ini misalnya:
5.1. Center
(Tengah)
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:
<c>Mesut
Rhozy</c>
Maka Tampilannya
akan seperti ini :
Mesut Rhozy
5.2. Right
(Kanan)
Memposisikan sebelah kanan
Contoh:
Memposisikan sebelah kanan
Contoh:
<p align=”right”>Mesut
Rhozy</ p>
Maka Tampilannya
akan seperti ini :
Mesut Rhozy
5.3. Left
(Kiri)
Kode yang dipakai sama dengan align (right). Hanya mengganti dengan (left)
Kode yang dipakai sama dengan align (right). Hanya mengganti dengan (left)
Contoh:
<p
align="left">Mesut Rozy</p>
Maka Tampilannya
akan seperti ini :
Mesut Rhozy
6. Broke (Baris Baru)
Untuk membuat baris
baru atau sering di sebut dengan “ENTER”
Contoh :
Mesut
Rhozy<br>Nama lengkap saya adalah Ahmad Nur Rozi</br>
Maka Tampilannya
akan seperti ini :
Nama lengkap saya adalah Ahmad Nur Rozi
7.
Heading (<h1>,
<h2>,<h3>,<h4>,<h5>,<h6>)
Untuk membuat
kata yang kita inginkan menjadi lebih besar, <h1> paling besar dan
<h6> paling kecil.
Contoh dari <h1>
Mesut Rhozy
Contoh dari <h6>
Mesut Rhozy
8. Pre
Untuk lampiran
persis dengan yang kita inginkan
Contoh
:
<pre>
-------------------------------
|
NO | Nama | Kelas | Nilai |
| 1 |
Rozi |
2 | 90 |
| 2 |
Ayu |
4 |
95 |
| 3 | Tatik |
4 | 95 |
------------------------------
</pre>
Maka
Tampilannya akan Seperti Gambar di Bawah Ini :
-------------------------------
|
NO | Nama | Kelas | Nilai |
| 1 |
Rozi |
2 | 90 |
| 2 |
Ayu |
4 |
95 |
| 3 | Tatik |
4 | 95 |
------------------------------
9. <!-komentar->
Fungsi dari
<!-komentar-> adalah untuk menyisipkan suatu komentar tentang code HTML
yang tidak akan di tampilkan di browser, dalam kata lain tidak akan di tampilkan di browser.
yang tidak akan di tampilkan di browser, dalam kata lain tidak akan di tampilkan di browser.
Contoh :
<i>Mesut Rhozy</i> <!-untuk membuat tulisan kita menjadi miring->
Tidak ada komentar:
Posting Komentar