Sunday, 29 May 2016

Belajar HTML Dasar 2

MATERI :
Element B(bold), Element I(italic), Element (underline),  Element BR(line break), Perintah tag <BLOCKQUOTE>, Preformatted Text <PRE>,Element H1,H2,H3,H4,H5,H6 <header>, Element ukuran font <FONT SIZE>, Element CENTER, Element BASEFONT, Element FONT, Membuat jenis huruf yang diinginkan dengan menggunakan Atribut FACE , Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan, Element HR(horizontal rule)

Objektif :
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks.
Element B (Bold) Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
      ..........................
</b>
Element I (Italic) Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
      ..........................
</i>
Element U (Underline) Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
      ..........................
</u>
Element HR (Horizontal Rule)
Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal ("left", "center", "right"), size untuk ukuran ketebalan garis ("pixel"), width untuk ukuran panjang garis ("persen"), dan noshade (garis solid).
Sintaks:
<hr align="left"|"center"|"right" size="pixel" width="persen" noshade>
Begin Row (BR) atau Line Break
Tag ini digunakan untuk menulis teks pada baris berikutnya. Tag <BR> membuat baris baru tanpa memberi baris kosong di bawahnya.
Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.
Sintaks:
<br>
Contoh:
<HTML>
<HEAD>
<TITLE>Begin Row</TITLE>
</HEAD>
<BODY>
<P>Ada 3 jenis payment processor yang sangat direkomendasikan untuk melakukan transaksi bagi pelaku bisnis secara online, contohnya yaitu :
<BR>PayPal                                                    <BR>AlertPay                                            <BR>LibertyReserve                                           
</BODY>
</HTML>

Element H1,H2,H3,H4,H5,H6 (Header)

Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf  dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left").
Sintaks:
<hx align="left"|"center"|"right">
      ..........................
</hx>
x : 1 ... 6

Perintah tag Blockquote

Perintah tag <BLOCKQUOTE> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng-identasi teks) atau menampilkan teks dalam bentuk huruf miring.

Contoh:
<HTML>
<HEAD>
<TITLE>BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H3>Google Analytics</H3>
<BLOCKQUOTE>
Tool ini adalah milik Google yang mempunyai fiture yang cukup lengkap dan sangat handal, sehingga sangat banyak digunakan oleh para webmaster. Anda tidak perlu membayar untuk memakai tool ini, Tool ini cukup canggih digunakan untuk melacak keyword pengunjung blok Anda.                                             
</BLOCKQUOTE>
</BODY>
</HTML>



Preformatted Text <pre>

Element PRE berfungsi untuk menampilkan teks seperti apa adanya.
Sintaks:
<pre>
      ..........................
</pre>
Preformatted Text (PRE) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen HTML. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks ( misalnya tentang Google AdSense ).

Contoh:

<HTML>
<HEAD>
<TITLE>Preformatted Text</TITLE>
</HEAD>
<BODY>
<PRE>
Sebagian besar blogger yang menambahkan fasilitas Google AdSense biasanya berfikir untuk menjadikan blognya sebagai monetize blog. Kadang Website dalam bentuk CMS juga dioptimasi agar bisa mendatangkan traffic sebanyak-banyaknya yang pada gilirannya meningkatkan peluang penambahan pendapatan di AdSense.         </PRE>
</BODY>
</HTML>



Element BASEFONT
Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran  huruf dengan nilai "1" sampai dengan "7" pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah "3" pixel. Element ini tidak mempunyai tag penutup.
Sintaks:
<basefont size="pixel">

Element CENTER

Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.
Sintaks:
<center>

Ukuran Font

Untuk mengatur huruf dokumen HTML digunakan tag <FONT SIZE>. Tag <FONT SIZE> memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan.

Contoh:
<HTML>
<HEAD>
<TITLE>Ukuran font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=1>Ukuran font 1</FONT>
<FONT SIZE=2>Ukuran font 2</FONT>
<FONT SIZE=3>Ukuran font 3</FONT>
<FONT SIZE=4>Ukuran font 4</FONT>
<FONT SIZE=5>Ukuran font 5</FONT>
<FONT SIZE=6>Ukuran font 6</FONT>
<FONT SIZE=7>Ukuran font 7</FONT>
</BODY>
</HTML>



Load disqus comments

0 komentar

 Add Me Follow Me Follow Me