Oke....Gan. Artikel berikut ini akan memberikan pengenalan perintah –perintah didalam bahasa pemrograman HTML yang mana perintah hal yang wajib diketahui dan di ingat karena sebuah script menggunkan perintah-perintah berikut ini.

Note: Diusahkan saat pengetikan perintah html menggunakan huruf kecil semua

1. <h1> Sampai <h6> yang berfungsi untuk membuat (memilih) ukuran teks.

Sintak : <h1> ......................................... </h1>

Contoh

<html>

<head><TITLE>Contoh Heading</TITLE></head>

<BODY>

<h1> Teks dengan Heading 1</h1>

<h2> Teks dengan Heading 2</h2>

<h3> Teks dengan Heading 3</h3>

<h4> Teks dengan Heading 4</h4>

<h5> Teks dengan Heading 5</h5>

<h6> Teks dengan Heading 6</h6>

</body>

</html>

Hasilnya Seperti berikut :

Teks dengan Heading 1

Teks dengan Heading 2

Teks dengan Heading 3

Teks dengan Heading 4

Teks dengan Heading 5

Teks dengan Heading 6

2. <hr> yang berfungsi untuk membuat garis horizontal penuh layar.

Sintaks : <hr>

Contoh :

<html>

<head><title> garis horizontal </title></head>

<body>

<hr> Kalimat ini diapit oleh 2 buah garis<hr>

</body>

</html>

Hasilnya seperti berikut :

Kalimat ini diapit oleh 2 buah garis

3. <i> yang digunakan untuk membuat teks miring.

Sintaks : <i >.............................. </i>

Contoh

<html>

<head><title> Teks Miring </title></head>

<body>

<i> ONEBLOGKU.BLOGSPOT.COM</i>

</body>

</html>

Hasil seperti berikut

ONEBLOGKU.BLOGSPOT.COM

4. <b> , yang digunakan untuk membuat teks tebal.

Sintaks : <b>.........................................</b>

Contoh

<html>

<head><title> Teks Tebal </title></head>

<body>

<b> ONEBLOGKU.BLOGSPOT.COM</b>

</body>

</html>

Maka Hasilnya Seperti berikut :

ONEBLOGKU.BLOGSPOT.COM

5. <u> Yang digunakan untuk membuat teks bergaris bawah.

Sintaks : <u>...................................</u>

Contoh

<html>

<head><title> Teks Bergaris Bawah </title></head>

<body>

<u> ONEBLOGKU.BLOGSPOT.COM</u>

</body>

</html>

Maka Hasilnya seperti berikut :

ONEBLOGKU.BLOGSPOT.COM

6. <center> Perintah yang digunakan untuk membuat teks ke tengah layar.

Sintaks : <center>........................................</center>

Contoh :

<html>

<body>

<center> ONEBLOGKU.BLOGSPOT.COM</center>

</body>

</html>

Maka Hasilnya Seperti Berikut :

ONEBLOGKU.BLOGSPOT.COM

7. ALIGN Perintah yang digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri.

Sintaks :

<p align=”right”> → Rata Kanan

<p align=”left”> → Rata Kiri

<p align=”center”> → Rata Tengah

<p align=”justify”> → Rata Kanan dan Kiri

atau

Contoh pemakaian :

<h2 align =”center”>SELAMAT DATANG DI ONEBLOGKU.BLOGSPOT.COM </h2>

8. <br> (Line Break)

Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah <BR> diberikan di akhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya.

9. 

Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program.

Sintaks : <!– –>

Contoh : <!—Ini adalah contoh komentar –>

10. <small> adalah perintah untuk membuat teks berukuran kecil.

11. <big> adalah Perintah untuk membuat teks berukuran besar

12. <p> (Paragraph) adalah perintah yang digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain.

Sintaks : <P>..................................</P>

13. <dd>, Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam.

Sintaks : <DD>

14. basefont

Perintah ini digunakan untuk mengubah ukuran font.

Contoh :

<html>

<head><title>Mengubah Ukuran Font </title></head>

<body>

Teks dengan ukuran 6 pt

</body>

</html>

15. FONT

Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip.

16. FACE

Untuk mengubah jenis font

Contoh :

<html>

<body>

Teks dengan jenis font Times New Roman.

Teks dengan jenis font Arial.

</body>

</html>

17. <sup>

Perintah ini digunakan untuk membuat cetak naik suatu teks.

Contoh :

<html>

<body>

Kami adalah yang pertama : 1<sup>st</sup> in the world.

</body>

</html>

18. <sub>

Perintah ini digunakan untuk membuat cetak turun suatu teks.

Contoh :

<html>

<head>

<body>

H<sub>2</sub>O (disebut air)

</body>

</html>

19. <ul>

Perintah <ul> atau (Unordered List) adalah perintah untuk membuat daftar (list).

20. <li>

Perintah <li> (List Item) adalah perintah untuk membuat daftar (list)

CATATAN : Perintah <Lli> harus berada dalam perintah ol, ul, dir, menu.

Contoh :

<html>

<body>

<ul>

<li>

<h2>Sumatra Selatan</h2>

<ul>

<li>Palembang</li>

<li>Prabumulih</li>

</ul>

</li>

</body>

</html>

21. BODY

<body>.................. </body>

Perintah BODY adalah perintah untuk membuat warna latar belakang pada layar, mengubah warna link, mengubah warna dasar link, menampilkan pesan ketika halaman ditutup, dan lain-lain sesuai dengan atribut yang diberikan. Sedangkan BODY memiliki 8 atribut, antara lain :

TEXT=warna	Untuk menentukan warna teks.
BGCOLOR=warna	Untuk mengubah warna dasar layar (halaman).
BACKGROUND=URL	Untuk mengatur warna latar belakang gambar.
LINK=warna	Untuk menentukan warna link.
ALINK=warna	Untuk menentukan warna link yang sedang dipilih.
VLINK=warna	Untuk menentukan warna link yang sudah dikunjungi.
ONLOAD=string	Perintah yang akan dilaksanakan ketika halaman Website selesai di Download
ONUNLOAD=string	Perintah yang akan dilaksanakan ketika halaman Website ditutup.

Contoh :

22. input

<input>

Adalah perintah untuk meminta memasukan (input) dari pengunjung, sedangkan INPUT memiliki cukup banyak atribut, antara lain:

TYPE=[text | password | checkbox | radio | submit | reset | file | hidden | image | button] (jenis input)
NAME=string (kunci dalam form submit)
VALUE=string (nilai dari input)
CHECKED (tombol check radio atau checkbox)
SIZE=number(panjang kotak teks)
MAXLENGHT=number (panjang karakter)
SCR=URL (lokasi URL atau gambar)
ALT=string (keterangan untuk gambar)
ALIGN=[top | middle | bottom | left | right] (pengaturan teks atau gambar)
DISABLED (menyembunyikan elemen)
READONLY (mencegah perubahan)
ACCEPT=string (media untuk upload file)
ACCESSKEY=character (tombol shortcut)
TABINDEX=number (posisi tab)
ONFOCUS=string (kotak teks yang menerima fokus / kursor)
ONBLUR=string (kotak teks yang ditinggalkan focus / kursor)
ONSELECT=string (teks yang dipilih)
ONCHANGE=string (nilai yang akan diganti)
ONCLICK=string (perintah yang akan dilaksanakan apabila tombol di klik)

Contoh :

<html>

<head>

</head>

<p> <label accesskey=p>Password: <input type=”password” name=”pw” size=”20″ maxlength=”20″></label></p>

</body>

</html>

23. form

<form>......................................./form>

Perintah form adalah suatu metode untuk membuat format input seperti formulir, dan terdiri dari beberapa atribut:

ACTION=URL	Penanganan form
METHOD=[get \| post]	Metode HTTP untuk submit form.
ENCTYPE=string	Tipe isi submit form.
TARGET=string	Target berupa jendela atau frame.
ONSUBMIT=string	From yang sudah di-Submit.
ONRESET=string	Form yang di-reset.

Contoh :

<html>

<head>

</head>

<form>

<p>

1:<input type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>

2:<input type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>

</form>

</body>

</html>

24. label

<label>.............................</label>

adalah suatu perintah untuk membuat keterangan field (kotak input) dalam pembuatan form, dan umumnya digunakan dengan perintah INPUT. Sedangkan LABEL terdiri dari beberapa atribut :

ACCESSKEY=character	Tombol shortcut.
ONFOCUS=script	Elemen yang menerima fokus (kursor)
ONBLUR=script	Elemen yang ditinggalkan fokus (kursor).

Contoh :

<html>

<head>

</head>

<p>

<label accesskey=U>Nama Anda :

</p>

<p>

<label accesskey=P>Password :

</p>

</body>

</html>

24. textarea

< textarea > ...........................</ textarea >

adalah suatu perintah untuk membuat pengunjung dapat mengetik sekumpulan teks dalam sebuah kotak. Atribut yang dapat digunakan dengan perintah textarea adalah sebagai berikut :

NAME=string (kunci untuk submit form)
ROW=number (jumlah baris)
COLS=number (jumlah kolom)
DISABLE=menyembunyikan elemen
READONLY=mencegah perubahan
ACCESSKEY=character (tombol shortcut)
TABINDEX=number (posisi tab)
ONFOCUS=string (kotak teks yang menerima fokus/kursor)
ONBLUR=string (kotak teks yang ditinggalkan focus/kursor)
ONSELECT=string (teks yang dipilih)
ONCHANGE=string (nilai yang akan diganti)

Demikianlah artikel tentang pengenalan perintah-perintah dalam bahasa pemrograman HTML jangan pernah bosan untuk share dan komennya gan.......

OneBlog

Menu

Tuesday 4 July 2017

Mengenal Perintah-Perintah didalam bahasa pemrograman HTML

Teks dengan Heading 1

Teks dengan Heading 2

Teks dengan Heading 3

Teks dengan Heading 4

Teks dengan Heading 5

Teks dengan Heading 6

7 comments: