Translate

Minggu, 06 November 2016

Website

A.   Sejarah Web
Jarak Antar Komputer
Lokasi/Area
Jenis Jaringan
1 – 10 m
100 m - <1 km
- Ruangan
- Gedung Perkantoran
Local Area Network
1 – 10 km
>10 km - <100 km
- Kota
- Provinsi/negara bagian
Metropolitan Area Network
>=100 km
>=1000 km
- Negara
- Benua
Wide Area Network
>=10000 km
- Dunia
Internet

WWW (World Wide Web) adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut URL (Uniform Resource Locator). WWW merupakan kumpulan dokumen yang tersimpan di peladen web, dokumen – dokumen ini disimpan/dibuat dengan format HTML (Hypertext Mark Language). WWW ditemukan oleh Tim Benners Lee tahun 1991.
Kesimpulannya, WWW merupakan sekelompok dokumen multimedia yang saling berkaitan dengan menggunakan tautan hypertext. Sistem ini adalah sistem program piranti lunak dan nama enquire, dengan itu Tim Benners Lee berhasil menciptakan jaringan.
B.   Struktur Dasar HTML
a)    Tag
    Adalah teks khusus (markup) berupa dua karakter  “ < ” & “ > ”,
Sebagai contoh <body> adalah tag dengan nama body. Tag dibagi dua yaitu pembuka & penutup  (tambahkan karakter “/” setelah karakter “<”). Contoh <body> adalah pembuka isi doc, dan </body> sebagai penutup.
b)    Element
    Ada 3, yaitu tag pembuka, isi, dan tag penutup.
Contoh:
Judul pada HTML pada web menggunakan element title. Misal, <title> adalah tag pembuka judul HTML, lalu judul html dan tambahkan </title> sebagai penutup.
c)     Attribute
Terdiri dari nama dan nilai. Attribute ditulis dgn syntax :
Nama – attr = “nilai – attr”
Contoh :
<p align=”center”> tulisan paragraph </p>
d)    Element HTML
Menyatakan pada browser bahwa dokumen yang digunakan adalah HTML.
Sintaks :
<html>
………..
</html>
e)     Element HEAD
Menyatakan bahwa kepala dari dokumen head
Sintaks :
<head>
………...
</head>
f)      Element TITLE
Merupakan judul dari dokumen HTML yang akan ditampilkan pada judul jendela browser.
Sintaks :
<title>
………...
</title>
g)    Element BODY
Isi dokumen HTML
Sintaks :
<body>
………...
</body>
h)    Sub
untuk menampilkan text H2O pada browser
Sintaks :
H <sub> 2</sub> O
i)       Sup
Untuk menampilkan text 22=4 pada browser
Sintaks :
2 <sup> 2</sup> =4
j)      Tag Font
Memiliki attribute, yaitu face, color, dan size :
-         Face     = untuk jenis font
-         Color   = untuk warna font
-         Size      = untuk ukuran font
Warna – warna yang dapat digunakan dalam HTML
-         Black                                      -    Silver
-         Maroon                                  -    Red
-         Green                                     -    Lime
-         Olive                                      -    Yellow
-         Navy                                      -    Blue
-         Purple                                    -    Fuchsia
-         Teal                                        -    Aqua
-         Gray                                       -    White
o   Contoh:
     <html>
     <head>
     <title> konten yang akan dibahas </title>
     </head>
     <body>
     <font face=”arial”> tulisan dengan jenis font arial </font>
     <font color=”red”> tulisan dengan warna merah </font>
     <font size=”5”> tulisan yang berukuran 5 </font>
     </body>
     </html>
o   Contoh:
        Format dengan jenis, warna, dan ukuran font
<html>
<head>
<title> konten yang akan dibahas </title>
</head>
<body>
<font face=”arial” size=”5” color=”red”> tulisan dengan jenis font arial, berwarna merah, dan berukuran 5 </font>
</body>
</html>
k)    Ordered List (list terurut)
     Merupakan tag html yang digunkan untuk mengurutkan angka/huruf.
     Tag ini mempunyai attribute start dan type. Attribute start berfungsi memberi nilai awal dari daftar urutan, sedangkan type untuk memilih bentuk daftar urutan.

Dimana type dapat diisi dengan :
o   A -> abjad huruf besar -> A,B,C,…
o   A -> abjad huruf kecil -> a,b,c,…
o   I -> abjad romawi besar -> I,II,III,…
o   i -> abjad romawi kecil -> I,ii,iii,…
o   1 -> abjad angla -> 1,2,3,…

Contoh :

<html>
<body>
                <title> konten yang akan dibahas </title>
</head>
<body>
<ol type=”A”>
             <li>Jeruk </li>
             <li> Nanas </li>
             <li> Melon </li>
             <li> Jambu </li>
             </ol>
</body>
</html>
l)       Unordered List (list tidak terurut)
     Digunakan untuk list yang tidak terurut. Tag ini mempunyai attribute type. Attribute type berfungsi untuk memiih bentuk bullet yang digunakan.

Dimana type dapat diisi dengan :
o   Disc -> bulatan hitam
o   Circle -> bulatan kosong
o   Square -> kotak hitam
               
                Cara Penulisan
                <html>
                <head>
                <title> konten yang akan dibahas </title>
                </head>
                <body>
                <ul type=”circle”|”square”|”disc”>
                             <li> … </li>
                             <li> … </li>
                             </ul>
                </body>

                </html>

Tidak ada komentar:

Posting Komentar