Mari Belajar HTML dengan Menyenangkan

Belajar HTML dengan menyenangkan

HTML memiliki kepanjangan dari Hyper Text Markup Language 

HTML merupakan sebuah bahasa pemrograman yang umum digunakan untuk membuat sebuah website, dimana HTML ini bisa kita gunakan untuk menginput gambar, text, audio, video dan lainnya untuk membuat sebuah website. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. Menggunakan tag-tag tertentu untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan di web browser.

Contoh scrip html sebuah  halaman website

<html>

<head>

<title>semarangweb</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- Save for Web Slices (semarangweb.psd) -->

<table id="Table_01" width="400" height="400" border="0" cellpadding="0" cellspacing="0">

                <tr>

                                <td rowspan="3">

                                                <img src="images/semarangweb_01.gif" width="114" height="115" alt=""></td>

                                <td colspan="5">

                                                <img src="images/semarangweb_02.gif" width="286" height="73" alt=""></td>

                </tr>

                <tr>

                                <td>

                                                <img src="images/semarangweb_03.gif" width="61" height="28" alt=""></td>

                                <td>

                                                <img src="images/semarangweb_04.gif" width="1" height="28" alt=""></td>

                                <td>

                                                <img src="images/semarangweb_05.gif" width="89" height="28" alt=""></td>

                                <td>

                                                <img src="images/semarangweb_06.gif" width="88" height="28" alt=""></td>

                                <td>

                                                <img src="images/semarangweb_07.gif" width="47" height="28" alt=""></td>

                </tr>

                <tr>

                                <td colspan="5">

                                                <img src="images/semarangweb_08.gif" width="286" height="14" alt=""></td>

                </tr>

                <tr>

                                <td colspan="6">

                                                <img src="images/semarangweb_09.gif" width="400" height="285" alt=""></td>

                </tr>

</table>

<!-- End Save for Web Slices -->

</body>

</html>

 Keterangan-keterangan pada Html

  • <html>  : Untuk memulai sebuah HTML
  • <title> : Untuk memberi judul pada yang nantinya akan muncul di Tab Browser
  • <head>  : Untuk Bagian Header atau Atas
  • </head> : Untuk Penutup Header dan diawali dengan garis miring “/”
  • <body>  : Untuk Bagian Body atau Isi dalam HTML
  • </body> : Untuk Penutup/menutup Body dan diawali dengan garis miring “/”
  • </html> : Untuk Menutup Sebuah HTML dan diawali juga dengan garis miring “/”

 

Selain keterangan diatas ada juga atribut pendukung yang ada dalam HTML mari kita pelajari atribut-pendukung nya

 

<h1> : ini adalah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>

<b>  : (Bold) Fungsinya untuk membuat Huruf menjadi Tebal

<i>  : (Italic) Fungsinya untuk membuat Huruf menjadi Miring

<u>  : (Underline) Fungsinya untuk membuat dibawah huruf berisi garis

<p>  : Untuk membuat sebuah Paragraf

<br> : untuk Membuat sebuah baris baru atau enter

<hr> : untuk membuat sebuah garis Horizontal

<center> : untuk membuat tulisan atau gambar berada di tengah-tengah

<img src=”gambar-anda.jpg atau Url gambar anda”> : fungsinya untuk memasukan sebuah gambar

<body bgcolor=”black”> : Fungsinya untuk memberi warna untuk background atau latar belakang dan “black” bisa diganti sesuai keinginan anda, misalnya “red”, “yellow”

<font color=”red”> : Untuk mengatur warna Text dan ditutup dengan </font>

<font size=”12″> : untuk mengatur Ukuran Sebuah Text dan ditutup dengan </font>

<font face=”arial”> : Untuk mengatur jenis Font atau Text yang akan digunakan

<marquee> : untuk membuat sebuah text ataupun gambar bergerak

dan berikut kode warna-warnanya

warna cerah

warna cerah

 

warna biru, kuning, ungu muda, serta merah

warna biru, kuning, ungu muda, serta merah

warna soft

warna soft

mulai warna biru muda biru tua hijau muda hijau tua merah tua

warna biru hijau dan merah tua

warna biru muda bersama hijau dan warna gelap

warna-warna cantik dala, html

warna-warna yang indah

aneka warna biru hijau dan gelap