PERAKITAN KOMPUTER

Kamis, 08 September 2016

FORMAT TEKS HALAMAN WEB

HAI KAWAN. Untuk sekarang saya akan share ke kawan kawan tentang Format teks Halaman Web .Tanpa Lama-lama ,langsung saja.
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 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 : 
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

, list dalam kode html menggunakan tag :



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 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