Dasar Pemrograman HTML

Dasar Pemrograman HTML

Dasar Pemrograman HTML / CONTOH KODE TAG & FUNGSINYA :

1

<br>

Turun satu baris kebawah(enter) / Kursor dan kalimat dibelakangnya turun satu baris kebawah

2

<big>isi tulisan</big>

Read More

tulisan menjadi sedikit lebih besar dengan ukuran 3

3

<font color=”warna tulisan“>isi tulisan</font>

Mewarnai tulisan. Ganti warna tulisan dengan salah satu pilihan yang ada : red, blue, yellow, green, brown, gold, purple

4

&nbsp;

Menambah 1 spasi. (halaman sunting Wikipedia tidak bisa mengenal 2 spasi kosong atau lebih)

5

<font size=”ukuran tulisan“>isi tulisan</font>

mengganti ukuran tulisan. Ukuran standar adalah 2. Di Wikipedia tidak di-izinkanmemakai ukuran tulisan yang terlalu besar.

6

<strong>isi tulisan</strong>atau

<b>isi tulisan</b>

Untuk menebalkan tulisan. Fungsi sama dengan ”’isi tulisan”’ atau tombol ‘cetak tebal’

7

<P>

Kursor dan kalimat dibelakangnya turun satu setengah baris kebawah

8

<u>isi tulisan</u>

membuat garis bawah tulisan

9

<small>isi tulisan</small>

tulisan menjadi sedikit lebih kecil dengan ukuran 1

10

<s>isi tulisan</s>

membuat garis mencoret pada tulisan

11

<pre>isi tulisan</pre>

Membuat tulisan tetap pada keadaan yang kita mau. misalnya untuk urutan berjejer kebawah.

12

<center>isi tulisan</center>

Membuat tulisan berada di tengah halaman

 

 

Dasar Pemrograman HTML / BODY

Di dalam TAG terdapat beberapa atribut. Atribut tag berada di dalam tanda tag tersebut. Atribut tersebut ada yang memiliki nilai tetapi juga ada yang tidak. TAG <BODY> memiliki atribut : <BODY bgcolor = “#…”background=”…”>

Dalam HTML nilai warna yang dapat diberikan pada atribut bgcolor adalah dengan menggunakan aturan komposisi RGB(Red Green Blue) dengan angka hexadecimal maksimal adalah FF (setara dengan 225 decimal) tiap komposisinya. Sebagai contoh bila diinginkan untuk memberikan warna merah (red) maka nilainya adalah “#FF0000”, warna hijau (green) nilainya adalah “00FF00’ dan warna biru (blue) nilainya adalah “000FF”. atau dapat juga menggunakan pre-define color seperti red, green, blue, yellow, cyan, magenta.

Baca Juga : Membuat Parallax Scrolling Dengan HTML CSS SVG Dan JQuery

 

HEADING

Heading digunakan untuk menampilkan format huruf yang besar dan dicetak tebal, biasanya digunakan untuk judul atau topic utama dari sebuah paragraph, ukurannya dari terbesar <H1> sampai terkecil <H6>, sedangkan untuk mengatur posisi heading digunakan atribut “align” contoh adalah <H1 align=”…”> ditutup dengan </H1> yang nilai atributnya dapat diisi nilai left untuk rata kiri, right untuk rata kanan, dan center untuk rata tengah.

 

PARAGRAF

Untuk memformat paragraf agar dapat rata kiri, kanan, tengah dan justify digunakan tag pembuka <P align=”…”> dan penutup </P>, isi dari atribut “align” adalah left untuk rata kiri, right untuk rata kanan, center untuk rata tengah dan justify untuk rata kiri dan kanan. Antara paragraph dalam HTML akan dibatasai secara otomatis oleh sebuah jeda baris.

 

BREAKING NOW

Tag <BR> ini digunakan untuk berpindah ke baris baru dalam isi dokumen. Ini adalah salah satu tag HTML yang tidak memiliki tag penutup.

Baca juga : Membuat Efek Background Lampu Neon Dengan HTML5 Dan Canvas

 

HORIZONTAL RULER

Tag yang digunakan untuk membuat garis horizontal adalah <HR>, adapun atribut yang dimiliki adalah “align” untuk perataan,”size” untuk mengatur ketebalan garisnya (dalam pixel), dan “width” untuk mengatur lebar garisnya (dalam pixel atau peren). Penggunaan satuan persen memiliki arti bahwa ukuran garis horizontal akan diambil presentase terhadap width dari tampilan jendelanya. Tag HR ini juga tidak memiliki tag penutup.

 

PREFORMAT

Untuk memformat dokumen HTML dengan menggunakn fasilitas preformat. Dengan fasilitas ini tampilan yang akan diformat sama persis dengan isi yang ada di dalam tag <PRE>isi</PRE>. Di dalam tag <PRE> tombol enter untuk ganti baris atau spasi untuk jeda dapat digunakan.

Baca Juga : Membuat Animasi Kursor Mouse Dengan HTML Dan Canvas

LIST

Dalam dokumen HTML dapat menampilkan daftar list seperti Bullet & Numbering pada aplikasi program Microsoft Word. Ada dua macam list, yaitu UnorderList (mirip bullets) dan OrderList (mirip numbering). Pada Unorderlist digunakan tag <UL> sebagai pembuka dan tag </UL> sebagai tag penutup, untuk item-item yang ada didalamnya digunakan tag <LI> untuk mengawalinya, Unordered List mempunyai atribut “type” yaitu bentuk dari bulletnya, ada beberapa jenis tipe yaitu disc (default) untuk lingkaran tidak berlubang, circle untuk bentuk lingkaran berlubang, square untuk kotak. Ordered List juga memiliki atribut tipe untuk menentukan tipe penomoronnya, tipe-tipenya adalah :

Ø  1 untuk penomeran 1, 2, 3,…..

Ø  A untuk penomeran A, B, C,….

Ø  I untuk penomeran I, II, III,….

Ø  A untuk penomeran a, b, c,….

Ø  i untuk penomeran I, ii, iii….

Baca Juga : Membuat Animasi Teks Dengan HTML5 Dan Canvas

Dasar Pemrograman HTML / KARAKTER KHUSUS DALAM HTML

Dikarenakan penulisan tag HTML telah menggunakan tanda < dan > maka tanda tersebut tidak dapat dipakai dalam isi dokumen HTML. Sebagai gantinya maka penggunaan tanda < digunakan perintah & lt; dan > digunakan perintah &gt: untuk spasi dalam HTML juga digunakan perintah &mbsp; (non breaking space). Beberapa perintah khusus yang dapat digunakan dalam HTML antara lain :

BENTUK

PERINTAH

&copy;

©                                        

&reg;

®                               

&#8482;

           

&#8212;

&plusmn;

±                                          

&para;

                                           

&acute;

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *