Dasar Pemograman Wibesite:html

Dalam membangun sebuah website, salah satu bahasa pemrograman yang sangat dibutuhkan adalah HTML. HTML menjadi elemen penting dalam perkembangan website, HTML juga dapat di kombinasikan dengan bahasa atau script pendukung seperti PHP, Java Script, CSS (untuk tampilan atau style). Untuk kali ini Bali Web Design akan berbagi pengetahuan tentang “HTML”, apa itu HTML? HTML adalah singkatan dari Hyper Text Markup  Language. HTML digunakan untuk membuat halaman web yang nantinya akan di baca dan diterjamahkan oleh browser (misal Internet Explorer), File yang ditulis dalam format HTML disimpan dengan ekstensi .htm atau .html . File file ini dapat ditulis/diketik pada editor seperti Notepad, WordPad, Macromedia Dreamweaver dan sebagainya

Tag-tag yang digunakan dalam HTML

Tag adalah perintah – perintah yang digunakan untuk membuat suatu dokumen web, Tag tag dalam HTML ditulis dalam (“<…>“) dan diakhiri dengan (“<…/>”)
Contoh : <html> ….. </html>

Namun tidak semua tag dalam html ditulis dalam pasangan seperti diatas.
Contoh tag <br> tidak mempunyai </br>

Tag < <HTML> <HEAD> dan <BODY>

Tag <html> dan </html> digunakan untuk menandai awal dan akhir dari suatu dokumen html

Tag <head> dan </head> adalah bagian kepala dokumen yang bisa berisi judul dokumen atau style – style yang digunakan pada bagian <body>

Tag <body> dan </body> adalah bagian badan dari dokumen html yang memuat semua tag-tag yang digunakan untuk membuat suatu web

  • Contoh
1
2
3
4
5
6
7
8
<html>
<head>
 <title> My First HTML Project </title>
</head>
<body>
 WELCOME TO MY WEBSITE
</body>
</html>

 

Atribut Tag <Body>

BACKGROUND :   Menentukan gambar latar belakang dari badan dokumen
BGCOLOR :   Menentukan warna latar belakang dari badan dokumen
Text :    Menentukan warna text yang berada dalam badan dokumen
Link :    Menentukan warna text hyperlink yang berada dalam badan dokumen

1
2
3
4
5
6
7
8
<html>
<head>
 <title> My First HTML Project </title>
</head>
<body BGCOLOR = “Green” TEXT = “Red”    >
 WELCOME TO MY WEBSITE
</body>
</html>

 

Tag <P>, <Br> dan <Hr>

Tag <p> digunakan untuk menandai suatu paragraf. Memiliki atribut ALIGN yang berisi LEFT, RIGHT, JUSTIFY, dan CENTER.

Tag <br> digunakan untuk pindah baris saat menulis

Tag <hr> digunakan untuk membuat garis horizontal.Memiliki atribut SIZE dan WIDTH

  • Contoh
1
2
3
4
5
6
7
8
9
10
<html>
<head>
 <title> Tag P, Br dan Hr </title>
</head>
<body>
 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>
 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p> <hr>
 Ini adalah garis horizontal.
</body>
</html>

 

 

Tag Heading

Tag <h1> sampai <h6> termasuk dalam tag heading
Tag tersebut biasanya digunakan untuk menentukan bagian bab, subbab dan subsubbab.
Tag <h1> ukarannya paling besar, tag <h6> ukurannya paling kecil

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
 <title> Tag Heading </title>
</head>
<body>
 <h1> Heading 1 </h1>
 <h2> Heading 2 </h2>
 <h3> Heading 3 </h3>
 <h4> Heading 4 </h4>
 <h5> Heading 5 </h5>
 <h6> Heading 6 </h6>
</body>
</html>

Memformat Teks

<small> :   Membuat teks menjadi relatif lebih kecil daripada lainnya
<big>  :  Membuat teks menjadi relatif lebih besar daripada lainnya
<I>    : Membuat teks tercetak miring
<B>  :  Membuat teks tercetak tebal
<U>   : Membuat teks tercetak bergaris bawah
<Sup> :  Membuat teks menjadi superscript
<Strike> :   Membuat teks tercoret
<Sub>  :  Membuat teks menjadi subscript

 

Tag <Font>

Tag <font> digunakan untuk memformat teks yang lebih kompleks
Atribut tag font adalah SIZE, FACE, COLOR
Size untuk menentukan ukuran
Face untuk menentukan jenis huruf
Color untuk menentukan warna

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<body>
teks normal <br>
 <small> teks small </small><br>
 <big> teks big</big><br>
 <b> teks tebal </b><br>
 <i> teks miring </i><br>
 <u> teks bergaris bawah </u><br>
 Contoh superscript : x <sup>2</sup><br>
 Contoh subscript : H<sub>2</sub>O<br>
 <strike> Ini teks tercoret </strike><br>
 <font size = 5 face = verdana>
 menggunakan tag font
 </font>
</body>
</html>

Karakter Khusus

Karakter Kode Deskripsi
“                 &quot;               Kutip
&                &amp;                Ampersand
<                &lt;                   Kurang dari
>                &gt;                  Lebih dari
©               &copy;               Copyright
®               &reg;                 Reg Trademark
+/-             &plusmn              Plus Minus

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
 <title> Karakter Khusus </title>
</head>
<body>
 &quot;
 <br>
 &copy;
 <br>
 &reg;
</body>
</html>
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s