Manipulasi Font Dan Link HTML

     Pagi-pagi kebangun gara-gara suara berisik tukang yang masih ngebangun di rumah nenek ane, seperti biasa ritual pagi paling pertama ngulet, minum 1 gelas air putih dan lanjut ke kamar mandi. Udah kelar semua sarapan roti ditemani segelas kopi, hehehe. Sambil sarapan lanjut belajar HTML tentang cara Manipulasi Font dan Link HTML.

• 
  Blok Level Element

Blok level element yang ane tau paling sering di pake adalah Heading (H1 sampai H6). Semakin besar level yang digunakan bakalan semakin besar juga tulisannya.

Contoh:

        <H1> Heading Level 1 </H1>

        <H2> Heading Level 2 </H1>

        <H3> Heading Level 3 </H3>

• Paragraf

      Tag <p> ... </p> fungsinya untuk membuat sebuah paragaf dalam halaman website, setiap dimulai dengan tag berikut akan menghasilkan paragaf baru.

Contoh:

<p> Saya akan giat belajar HTML, karena tidak sesulit yang dibayangkan </p>

• Huruf

        Dalam dokument HTML kita bisa nentuin sendiri jenis huruf, ukuran huruf, warna dan yang lainnya dengan menggunakan tag <font> ... </font>. Tag font juga punya beberapa attribut yang berperan penting dalam menentukan tampilan teks.

        Daftar attribut dari tag font:

       * Name: Untuk jenis huruf yang akan digunakan
       * Size: Untuk menentukan ukuran huruf
       * Color: Untuk menentukan warna huruf

      Berikut contoh jika kita ingin membuat teks menggunakan huruf Verdana ukuran 18pt dan berwarna biru:

<font name = "Verdana" size = "5" color = "blue"> Hello World...! This Is My First Website.... </font&gt

        Untuk 3 sama dengan 12pt, 4 sama dengan 14pt, 5 sama dengan 18pt, 6 sama dengan 24pt dan 7 sama dengan 36pt.

• Format Teks

     Format teks berguna untuk menetukan apakah teks tersebut bercetak tebal, miring, mempunyai garis bawah dan yang lainnya.

       

        Daftar format teks:

       * <B> ... </B> Memformat teks untuk dicetak tebal

       * <U> ... </U> Memformat teks dengan garis bawah

       * <I> ... </I> Memformat teks menjadi miring

       * <SUP> ... </SUP> Memformat teks menjadi superscript

       * <SUB> ... </SUB> Memformat teks menjadi subscript

       * <STRIKE> ... </STRIKE> Memformat teks seperti dicoret

       * <BLINK> ... </BLINK> Teks berkedip

       * <PRE> ... </PRE> Preformatted teks

• Links

        Links merupakan teks atau gambar yang apabila kita klik akan menuju ke halaman website lainnya, untuk membuat link kita dapat menggunakan tag <A> ... </A>, tag tersbut juga memiliki beberpa attribut.

       

        Daftar attribut dari tag <A> ... &lt/A>:

       * href Halaman website yang dituju

       * target Dibuka pada window baru atau tidak

       * style Penambahan CSS

       * class Nama class yang dipanggil

       * name Nama dari link

        Berikut contoh penggunaan tag Link:

<A HREF = "halaman2.html">Klik untuk ke halaman 2 </A>.

     Untuk cara pembuatan ada di Cara Membuat Tabel HTML. Salam semangat buat para cewek-cewek Sexy di luar sana.