HTML (Hyper Text Mark-up Language)
Susunan kode-kode yang digunakan untuk membuat halaman website atau dokumen berbasis html.
Kode
html berfungsi untuk mengatur setiap isi pada halaman dokumen html baik
warna, latar belakang, text, gambar, suara dsb sesuai dengan yang kita
inginkan, penyusunan kode html adalah biasa dengan diawali dengan kode
"<>" Opening Tag dan diakhiri dengan "</>" Closing Tag,
kedua tag ini untuk mengapit unsur yang kita kelola sehingga
menghasilkan penampilan yang unik secara otomatis.
Berikut beberapa contoh struktur kode html:
* FONT HTML CODES (kode HTML pada tulisan)
1. Bold (Tulisan Tebal)
Jika kita ingin membuat satu tulisan dengan tampilan efek bold maka yang harus kita lakukan adalah mengapit tulisan tersebut diantara
Opening tag dan Closing tag, dan kode html'nya adalah "b" sebelum
ditambahkan dengan kedua tag tersebut
Contoh: <b>agustin</b>
2. Italics (Tulisan Miring)
Memberikan efek miring pada tulisan yg kita inginkan
Contoh:<i>agustin</i>
3. Underline (Garis Bawah)
Memberikan efek bergaris bawah pada tulisan yang kita apit
Contoh:<u>agustin</u>
4. Align (Perataan)
Adalah untuk memposisikan tulisan atau unsur lainnya sesuai selera.
Align terdiri dari beberapa macam, berikut ini misalnya:
a. Center (Tengah)
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:<center>agustin</center>
b. Right (Kanan)
Memposisikan sebelah kanan
Contoh:<p align="right">agustin</p>
c. Left (Kiri)
Kode yang dipakai sama dengan align (right). Hanya mengganti dengan (left)
Contoh: <p align="left">agustin</p>
5. Font Color (Warna Tulisan)
Kode Warna HTML ini digunakan untuk warna tampilan, garis, latar belakang (background), warna huruf, warga garis, warna kotak, dan sebagainya.
Hindari penggunaan warna terang yang menyilaukan, seperti merah atau
orange, kecuali untuk elemen tertentu yang kecil seperti "button" atau
"menu". Warna yang ramah pengguna (user friendly) adalah biru, hitam, hijau, dan warna gelap lain.
Dalam HTML, warna bisa di formatkan
menjadi enam rangkaian huruf dan atau angka diawali dengan symbol # yang
berlaku pada system kode html, seperti warna putih (#FFFFFF), hitam
(#000000), oranye (#FFA500) dan lain-lain. Setiap warna memiliki kodenya
masing-masing. Klik disini untuk melihat kode kode html warna selengkapnya!
Kita juga bisa langsung menuliskan nama warnanya, seperti "lime", "red", "green" dan sebagainya.
Contoh:<font color="#FFA500">agustin</font>
6. Marquee (Tulisan berjalan)
Selain merubah tulisan dengan bentuk dan warna, kita juga bisa
memberikan efek yang lebih menarik, misalnya marquee yang befungsi untuk
menjalankan objek tulisan atau gambar namun saja efek ini memiliki
keterbatasan untuk ditampilkan, mungkin hanya bisa bekerja optimal jika
halaman website di akses dengan mozilla firefox melalui computer.
Adapun jenis pergerakan marquee bermacam-macam, contohnya:
a. berjalan dari sebelah kanan ke kiri
<marquee direction="left">agustin</marquee>
b. berjalan dari kiri ke kanan
<marquee direction="right">agustin</marquee>
c. bolak-balik dari kanan ke kiri dan seterusnya
<marquee behavior="alternate">agustin</marquee>
d. bergerak ke atas
<marquee direction="up">agustin</marquee>
e. bergerak ke bawah
<marquee direction="down">agustin</marquee>
f. begerak bolak-balik dari atas kabawah
<marquee behavior="alternate"direction="up">agustin</marquee>
g. serong dari bawah ke atas
<marquee><marquee direction="up">agustin</marquee></marquee>
h. serong bolak balik
<marquee direction="up"><marquee behavior="alternate">agustin</marquee></marquee>
i. berjalan sambil berkedip (efek ini jangan diterapkan pada manusia karena bisa berbahaya)
<marquee direction="left"><blink>agustin</blink></marquee>
Jika menginginkan arah dari yang sebaliknya maka tinggal mengganti kata "right" dengan "left" atau "up" dengan "down" !!
7. Blink (Tulisan Berkedip)
Sama halnya dengan marquee, tulisan blink tidak akan bekerja apabila devicenya tidak mendukung
Contoh:<blink>agustin</blink>
Blink ataupun marquee bisa juga digunakan untuk menggerakan objek gambar.
Selasa, 20 September 2016
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar