Artikel Kategori // Internet & Media Sosial

Beranda / Internet & Media Sosial / Kode HTML Dasar Untuk Desain Blog dan Web

Kode HTML Dasar Untuk Desain Blog dan Web

0 Komentar | Dibaca 3527 kali

Sumber gambar :

NORIPANSYAH @noripansyah1976

25 March 2016

Kode HTML adalah kode-kode yang digunakan untuk membangun sebuah web atau Blog agar bisa terlihat lebih indah dan menarik dengan begitu pengunjung merasa nyaman ketika berada dihalaman web tersebut.

HTML adalah singkatan dari “HyperText Markup Language” sederhananya dapat diartikan “Teks Tanda Bahasa” yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Untuk bisa membagun sebuah web/bolg diperlukan keahlian yang bisa diperoleh dari pengalaman maupun mempelajari langsung dari teori dan panduan yang banyak bertebaran di internet melalui pencarian google.com, selain itu diperlukan media seperti Komputer, Laptop, HP maupun Smartphone disertai punya data yang cukup.

Membuat Web/Blog sangat berguna untuk kita agar mengerti dan memahami sistem cara kerja server, serta juga bisa dimanfaatkan untuk bisnis, pendidikan dan mesin penghasil uang.

Ok mari kita kembali ke topik HTML….

Secara garis besar Kode HTMl dapat digunakan pada 4 bagian web yaitu:

Head (bagian atas kepala)
Body (bagian tengah atau badan)
Tag (mentag beberapa link, gambar dan video)
Atribut (menambah hiasan)

Contoh Beberapa Kode HTML

1. Kode Membuat Link
<a href=”http://URL_WEB”>JUDUL WEB</a>

contoh url link: <a href=”http://facebook.com”>Facebook</a>

akan terlihat jadinya = Facebook

2. Kode Menampilkan Gambar
<img src=”http://URL_GAMBAR”>
contoh url gambar :

maka akan terlihat gambar:

3. Kode Posisi Tengah (link, gambar, teks dll)

<center>TEKS,Gnabar, Link dll</center>

contoh teks posisi tengah:

4. Kode Membuat Teks Berjalan

<marquee behavior=”scroll” direction=”left” loop=”30″>Tulis kalimat yang di inginkan disini</marquee>

5. Kode Menebalkan Huruf

<b>Tulis TEKS yang diinginkan</b>

6. Kode Teks Bergaris bawah

<u>Bergaris bawah</u>

7. Kode Teks Miring

<i>Teks Variasi miring</i>

8. Kode Memperbesar Huruf

<h1>Memperbesar Huruf</h1>

<big>Memperbesar Huruf</big>

Memperbesar Huruf

9. Kode Membuat Teks Berwarna

<font color=”MASUKKAN KODE WARNA”>Tulis teks yang di inginkan disini</font>

<font color=”blue”>Tulis teks yang di inginkan disini</font>

Tulis teks yang di inginkan disini

10. Kode Teks Berbayang

<span style=”font-weight:130px; text-shadow:#FFFFFF 0.1em 0.1em 0.1em”><b>Teks Ini Berbayang</b></span>

Teks ini Berbayang

11. Kode Teks Berkedap-Kedip

<blink>Tek Ini Berkadap-kedip</blink>

Tek Ini Berkadap-kedip

12. Teks Dengan Latar Belakang Berwarna

<body bgcolor=”KODE_WARNA”>TEKS.GAMBAR,LINK</body>

Bisa Teks, Link maupun bentuk Gambar

13. Kode Membuat Urutan bulatan Kecil

<li>bisa diisi TEKS, LINK atau PAGE</li>

Contoh:

Januari
Pebruari
Maret
April
Mei
Juni

14. Kode Membuat Nomor Urut

<ol><li>bisa diisi TEKS, LINK atau PAGE</ol>

Contoh :

Senin
Selasa
Rabu
Kamis
Jum’at
Sabtu
Minggu

15. Kode Membuat Tabel

<table>
<tr>
<td>tulisan di baris 1 Kolom 1</td>
<td>tulisan di baris 1 Kolom 2</td>
<td>tulisan di baris 1 Kolom 3</td>
</tr>
<tr>
<td>tulisan di baris 2 Kolom 1</td>
<td>tulisan di baris 2 Kolom 2</td>
<td>tulisan di baris 2 Kolom 3</td>
</tr>
</table>

Contoh bentuk tabel:

No	Nama	Tempat dan Tgl Lahir	Alamat
01	Ahmad Zaini	Tapin, 04 Januari 2010	Rantau
02	Anas	Tapin, 07 Maret 2010	Rantau
03	Shinta	Tapin, 23 Juni 2010	Bitahan

Demikian tentang dan beberapa Kode HTML dasar untuk membangun web/blog, selebihnya bisa dikembangkan sesuai kreasi masing-masing, semoga dapat bermanfaat..