HAI KAWAN.
Untuk sekarang saya akan share ke kawan kawan tentang Format teks Halaman Web
.Tanpa Lama-lama ,langsung saja.
1. Anatomi dokumen Web
1. Anatomi dokumen Web
Dasar-Dasar
HTML
HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk
mentransfer data antara web server ke web browser. Protocol ini mentransfer
dokumen-dokumen web yang ditulis atau berformat HTML(HypertextMarkupLanguage).
Dikatakan markup language
karena HTML berfungsi untuk ‘memperindah’
file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan
dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa
tersebut.
Saat ini sudah dikenal HTML5 yang menawarkan berbagai fitur menarik yang
tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada HTML5
antara lain sebagai berikut.
o Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak
lagi diambil dari gambar utuh, melainkan bisa disusun sendiri, bak
menggunakan program Paint.
o Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.
o Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.
o Footer. Merupakan kebalikan dari header. Sebagai catatan kaki, elemen ini
berguna untuk menaruh informasi di bagian bawah halaman web.
o Time. Elemen ini berguna untuk menyajikan informas tentang waktu.
o Audio. Memungkinkan penyajian player untuk memutar suara.
o Video.
Memungkinkan player untuk memainkan film.
Secara prinsip,
fitur pada HTML dapat dikelompokkan ke dalam :
a. Struktur
halaman
b.Presentasi
visual ;
c. Peranti
penyaji gambar ;
d. Pendukung
media ; dan
Peningkatan
koneksi dengan JavaScript.
Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan
symbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan
symbol garis miring (/). Misalnya pasangan dari tag adalah. Dalam hal ini kita
sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut
untuk mengatur elemen itu. Jadi misalnya elemen bila ditulis dengan
atributnya adalah sebagai berikut:
.
Dalam penulisan tag HTML
tidaklah case sensitive artinya pengguna
huruf kecil ataupun capital tidaklah menjadi masalah.
Struktur Dasar
Dokumen HTML
Setiap dokumen
HTML memiliki struktur dasar atau susunan file sebagai berikut :
Berisi tentang
text, gambar, atau apapun yang
tampil pada
dokumen web.
Seperti terlihat, struktur file HTML diawali dengan sebuah tag dan ditutup
dengan tag . Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit
oleh tag… dan tag ….
Bagian yang diapit oleh tag HEAD merupakan header dari halaman
HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header
seperti … yang berpungsiuntuk mengeluarkan judul pada tittle bar
window web browser.
Bagian kedua, yang diapit ole tag BODY merupakan bagian yang akan
ditampilkan pada halaman web browser nantinya. Pada bagian ini anada akan
menuliskan semua jenis informasi berupa teks dengan
bermacam format maupun gambar
yang ingin sampaikan pada pengguna nantinya.
Pengaturan
Properti Dokumen
Properti document diatur melalui atribut-atribut yang terdapat dalam elemen
. Sebagai contoh adalah pengaturan warna latar belakng halaman, wana teks,
warna link dan lain-lain.
Kode Warna
Dalam pengaturan warna menggunakan kode RGB yang mana ditampilkan
dalam nilai heksadesimal. Setiap bagian dua gigit kode menunjukkan
banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Sebagai
contoh 00 pada dua digit pertama berarti
tidak ada warna merah dalam kobinasi warna berikut ini adalah contoh kode warna :
tidak ada warna merah dalam kobinasi warna berikut ini adalah contoh kode warna :
Color
hexadecimal
Color
Hexadecimal
White
#FFFFFF
Black
#000000
Red
#FF0000
Green
#00FF00
Blue
#0000FF
Magenta
#FF00FF
Cyan
#00FFFF
Yellow
#FFFF00
Aquamarine
#70DB93
Chocolate #5C3317
Violet
#9F5F9F
Brass
#B5A642
Coper
#B87333
Pink
#FF6EC7
Atribut Elemen
BACKGROUND = Lokasi dan nama file
(latar belakang dokumen image dokumen)
BGCOLOR =
Warna (warna latar
belakang dokumen,default putih)
TEXT
=
Warna (warna teks dokumen, default hitam)
LINK
=
Warna (warna link dokumen, default biru)
VLINK
= Warna
(warna visited link dokumen, default ungu)
ALINK
= Warna
(warna aktif link dokumen, default merah)
2.Pemformatan
Teks Dan Paragraf
3.Pembuatan List minimal
Cara membuat
List Minimal dan List kombinasi Menggunakan Kode HTML
|
4.Pembuatan List Kombinasi
Cara membuat List Minimal dan List kombinasi
Menggunakan Kode HTML
|
Kalian bisa
mengganti tag ol dengan ul dan juga menambahkan attribut sesuai dengan kreasi
kalian masing-masing.
Cara Membuat List Kombinasi.
Membuat list kombinasi saya rasa tidak cukup sulit, hanya saja kita harus meletakkan kodenya dengan teliti agar list yang kita buat tidak kacau. Kita akan membuat list kombinasi sesuai seperti gambar dibawah.
Cara Membuat List Kombinasi.
Membuat list kombinasi saya rasa tidak cukup sulit, hanya saja kita harus meletakkan kodenya dengan teliti agar list yang kita buat tidak kacau. Kita akan membuat list kombinasi sesuai seperti gambar dibawah.
Cara membuat List Minimal dan List kombinasi
Menggunakan Kode HTML
|
Ya, mungkin
banyak yang belum tercantum diatas ,tapi INSYALLAH akan saya update selagi saya
ada waktu. Kurangnya dari saya, lebihnya dari Allah SWT. TERIMAKASIH KAWAN!!
Tidak ada komentar:
Posting Komentar