Tutorial DasarSIAP Wacana

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 2022 kali

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:

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

 

Contoh Beberapa Kode HTML

1. Kode Membuat Link

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

akan terlihat jadinya = Facebook

2. Kode Menampilkan Gambar

contoh url gambar :

<img src=”http://files.wacana.siap.web.id/content/uploads/2016/03/html.jpg”/>

maka akan terlihat gambar:

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

contoh teks posisi tengah:

<center>Kode HTML</center>

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 :

  1. Senin
  2. Selasa
  3. Rabu
  4. Kamis
  5. Jum’at
  6. Sabtu
  7. 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..

Harap tunggu, laporan sedang dalam proses submit....

Anda harus login untuk berkomentar. Login Sekarang

Penulis Lainnya

Ms Purwoko

www.nuruljannah.or.id
Daftar Artikel Terkait :  5
Layanan ini diselenggarakan oleh PT. TELKOM INDONESIA untuk dunia pendidikan di Indonesia.
Mari kita majukan bangsa Indonesia, melalui pemanfaatan Teknologi Informasi yang tepat guna
pada dunia pendidikan Indonesia.
Sistem Informasi Aplikasi Pendidikan
versi 2.0