follow

Tag HTML Dasar

Untuk memodif Huruf yang ada pada Tag BODY , berikut beberapa tag (penanda) nya antara lain :

Huruf Tebal , kodenya :
<b> kalimat yg di apit tag B </b> atau dgn
<Strong> kalimat yg di apit tag Strong </Strong>

Huruf Bergaris Bawah , kodenya :
<u> kalimat yg di apit tag U </u>

Huruf Miring Kodenya , kodenya :
<i> kalimat yg di apit tag I = EM</i>
<EM> kalimat yg di apit tag EM = I </EM>

Catatan : kode ini biasanya tidak berfungsi di beberapa browser .

Huruf BERGARIS pada Huruf kodenya :

<S> Kalimat yg di apit tag S</S>

Huruf fixed Spt Kode Program , kodenya ;
<CODE> kalimat yang di apit tag code </CODE>
Atau juga bisa dg tag
<TT> Kalimat yg di apit tag TT </TT>

2. Warna Huruf ataupun Angka

Penulisan kodenya :
<font color="kode warna bisa dg kode huruf seperti BLACK, RED, BLUE, GREEN, YELLOW, PURPLE, ORANGE, dan lain sebagainya">
kalimat yg di apit tag Font ini juga bsa menggunakan kode Angka , #008800, #555500, #770077, dsb.
</font> Atau ,

<Span Style="Color: kode warna">
kalimat yg di apit tag Span dg style color dg kode warna bisa dengan huruf seperti Black, Red, Blue etc. Atau juga bisa dg Angka #000000, #FF0000, #0000FF etc.
</Span>

Contoh penulisannya :
<Font color="red">
Kalimat yang diberi warna dg kode huruf
</Font> atau dg ;
<Span style="color:#FF0000">
Kalimat yg di beri warna dg kode Angka
</Span>

tag <span>...</span> di gunakan memformat text tanpa ganggu text lain dlm 1 baris . Tag Span bisa menggunakan kombinasi
<span style="blue; font-weight:Bold; font- style:Normal">. Atau
font-weight: Regular , font-style: italic

Background Huruf
kalimat yang di belakannya berwarna biru ini menggunakan kode background biru (blue) dan warna huruf putih atau white . Kode ini bisa di gunakan untuk mewarnai seluruh paragraf atau hanya sebagian saja . Dan jika ingin menggunakan garis tepi maka anda menggunakan kode <TR> , <TD> , dan <TH> apa fungsi ketiganya ? Simak di catatan lainnya
Penulisan kodenya
<span style="background:blue"> <font color="white">
kalimat yang di modif
</font> </span>

Berikut beberapa kode warna dg Angka
hitam-abu2-puth:

#000000 #111111 #222222 #333333
#444444 #555555 #666666 #777777
#888888 #999999 #AAAAAA #BBBBBB
#CCCCCC #DDDDDD #EEEEEE #FFFFFF

Htm-birulangit:
#001111 #002222 #003333 #004444 #005555
#006666 #007777 #008888 #009999 #00AAAA
#00BBBB #00CCCC #00DDDD #00EEEE #00FFFF

Htm-emas-kuning:
#111100 #222200 #333300 #444400 #555500
#666600 #777700 #888800 #999900 #AAAA00
#BBBB00 #CCCC00 #DDDD00 #EEEE00 #FFFF00

Htm-ungu:
#110011 #220022 #330033 #440044 #550055
#660066 #770077 #880088 #990099 #AA00AA
#BB00BB #CC00CC #DD00DD #EE00EE #FF00FF

Htm-hijau:
#001100 #002200 #003300 #004400 #005500
#006600 #007700 #008800 #009900 #00AA00
#00BB00 #00CC00 #00DD00 #00EE00 #00FF00

Htm-biru:
#000011 #000022 #000033 #000044 #000055
#000066 #000077 #000088 #000099 #0000AA
#0000BB #0000CC #0000DD #0000EE #0000FF

Htm-merah:
#110000 #220000 #330000 #440000 #550000
#660000 #770000 #880000 #990000 #AA0000
#BB0000 #CC0000 #DD0000 #EE0000 #FF0000


3. Layout Huruf atau Format Huruf satu Blok

Paragraf Rata Kanan Kiri :

kalimat yang di rata kanan kiri artinya seluruh kalimat dalam paragraf akan sama rata baik di kanan atau di kiri seperti kalimat yang Anda baca ini .


Penulisannya ;
<P align="justify"> kalimat </P> Atau
<DIV ALIGN="JUSTIFY"> KALIMAT </DIV>

Paragraf Rata Kiri :

kalimat yang di rata kiri artinya seluruh kalimat dalam paragraf akan menjadi rata di kiri semua seperti yang telah Anda lihat .


Penulisannya ;
<P align="left">kalimat</ P> atau dengan
<DIV ALIGN="LEFT"> KALIMAT </DIV>

Paragraf Rata Kanan :

kalimat yang dirata kanan artinya seluruh kalimat dalam paragraf akan menjadi rata di kanan semua seperi ini .


Penulisannya ;
<p align="right">text</p> atau bsa juga
<DIV ALIGN="RIGHT"> Kalimat </DIV>

Paragraf Rata Tengah :

kalimat yang di rata tengah artinya seluruh kalimat dalam paragraf yang di beri kode rata tengah akan berada masuk di tengah baik dari sisi kanan atau kiri seperi ini .


Penulisannya ;
<p align="center">kalimat</p> atau dgn
<DIV ALIGN="CENTER"> Kalimat </DIV>

Tag Center Sendiri juga ada yang berdiri sendiri yang biasa di gunakan untuk menempatkan suatu Judul di Tengah . Syntax atau Perintahnya seperti :
<CENTER> Kalimat </CENTER>
CONTOH :
Tag Html dasar
diatas adalah contoh yg menggunakan tag Center .

4. Ukuran Huruf

Kode HTML nya :
<font size="angka">huruf atau angka 1 2 3</font>

Contohnya : Ukuran Huruf atau Angka 1 2 3 dst.

Font atau Ukuran huruf pada contoh tersebut besarnya 14 pixel.

.. Macam bentuk gaya/model Font atau Huruf

Penulisannya : <font face="typefont">kalimat yang akan di beri model</font>

Contoh nya : kalimat yang sudah di beri model

Macam macam bentuk tulisan : americanuncd , arial , arial_bold , arial_bold_italic , arial_italic , comic_sans_ms , frenchscript , kidprint , lydian_mt , script_c , swing_bold , dan masih banyak lagi .

Tapi tidak semua itu tidak bekerja pada semua browser .

headline 1

headline 1 menggunakan tag <h1>headline 1</h1>

level 2

level 2 diatas menggunakan tag <h2>level 2</h2>

tag
<pre>
untuk mengatur tata
          letak      sesuai
                    keinginan
kita dan sesuai dg
  tampilan pd sat pembuatan
<pre></pre>

tag <br> utk menurunkan text


tag <hr> sama spt tag 'br' tdk ada tag penutup ...</>, Penulisannya kombinasi <hr align="right" noshade> seperti di atas .

tag hr membentuk spt di atas . Penulisannya <hr noshade>

tag <HR> di atas menggunakan <hr align="left" width="80%" size="80%">

By mbahsuz konyol with 0 komentar

0 komentar:

Leave a Reply

Silahkan Anda berkomentar . Saran yang baik sangat dibuuhkan