Sunday, 14 September 2014

[Tugas 6]: Aplikasi Penggunaan Tag Font Size & Color

Hello, guys! Bertemu lagi bersama gue, Iqi... Dan sekarang, setelah lo belajar cara menentukan font size/type/color , kita akan satukan semuanya dalam sebuah tag yang baru. 

Bukan tag yang lebih baru juga sih sebenarnya, tag ini menyatukan beberapa perintah tentang settingan font yang kita inginkan seperti font size, font color, dan type font... 

Oke guys, langsung aja, berikut contoh script yang mengaplikasikan penggabungan beberapa tag tersebut. Dan jangan lupa ya guys, seperti biasa, tag ini juga menggunakan tag penutupnya yaitu </font>

<html>
<head><title>Mengatur Font Size & Color</title></head>
<body>
<font size="1" color="red">Font size dengan ukuran 1 berwarna merah<br>
<font size="2" color="green">Font size dengan ukuran 2 berwarna hijau<br>
<font size="3" color="blue">Font size dengan ukuran 3 berwarna biru<br>
<font size="4" color="yellow">Font size dengan ukuran 4 berwarna kuning<br>
<font size="5" color="brown">Font size dengan ukuran 5 berwarna coklat<br>
<font size="6" color="orange">Font size dengan ukuran 6 berwarna oranye<br>
<font size="7" color="pink">Font size dengan ukuran 7 berwarna pink</font>
</body>
</html>


seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!

lalu pilih ‘save as type’ menjadi ‘all files’

dan berikut hasil jadi dari script di atas :


(klik gambar untuk memperbesar)


Okay guys, sekian dulu dari gue, selamat mencoba dan good luck!!!

Saturday, 13 September 2014

[Tugas 5]: Cara Sederhana Mengatur Jenis Font pada Web HTML

Hello, guys! Kembali lagi bersama gue Iqi, semoga sehat semua yang sedang membaca post ini :)

Ga jauh dengan 2 posting terdahulu, kali ini gue akan share cara mengatur type font/jenis tulisan yang kalian ingin gunakan ketika membuat web HTML,hal yang perlu diperhatikan adalah tidak semua font dapat digunakan, jadi tergantung font apa aja yg udah diinstall di desktop/laptop lo semua

Dan kode utama yang akan digunakan pada pengaturan font adalah <font face="X"> (dan X adalah nama/jenis font yang akan lo gunakan), yap si font face ini memiliki tag penutup yakni </font>

Dalam contoh script HTML di bawah, gue akan gunakan beberapa font bawaan dari Windows, jadi memiliki kemungkinan font di bawah ini tidak berfungsi di OS lainnya. Oke, langsung saja :

<html>
<head><title>Mengatur Jenis Font</title></head>
<body>
<font face="Times New Roman">Font dengan type font Times New Roman<br>
<font face="Courier New">Font dengan type Courier New<br>
<font face="Arial">Font dengan type Arial<br>
<font face="Verdana">Font dengan type Verdana<br>
<font face="Century Gothic">Font dengan type Century Gothic</font>
</body>
</html>


seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!

lalu pilih ‘save as type’ menjadi ‘all files’


dan berikut hasil jadi script di atas :


(klik gambar untuk memperbesar)


Oke guys, sekian dulu postingannya, selamat mencoba dan goodluck !!!

[Tugas 4]: Cara Sederhana Mengatur Ukuran Tulisan pada Web HTML

Hello, guys! Seperti biasa, perkenalkan nama gue Iqi, dan dalam postingan ini gue akan membahas hal yang mirip dengan postingan kemarin, tapi kali ini gue akan share cara mengatur font size/ukuran tulisan dalam web HTML 

Ini adalah cara sederhananya, dan tag utama yang digunakan adalah <font size="X"> (X adalah angka 1-7 yang merupakan skala font size). Seperti tag umum lainnya, tag ini juga diharuskan menggunakan tag penutup nya yaitu </font>

Oke, kita langsung saja ke contoh script yang menggunakan pengaturan font size :

<html>
<head><title>Mengatur Font Size</title></head>
<body>
<font size="1">Tulisan dengan font size ukuran 1<br>
<font size="2">Tulisan dengan font size ukuran 2<br>
<font size="3">Tulisan dengan font size ukuran 3<br>
<font size="4">Tulisan dengan font size ukuran 4<br>
<font size="5">Tulisan dengan font size ukuran 5<br>
<font size="6">Tulisan dengan font size ukuran 6<br>
<font size="7">Tulisan dengan font size ukuran 7</font>
</body>
</html>


seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!

lalu pilih ‘save as type’ menjadi ‘all files’


dan berikut hasil jadi dari script di atas :


(klik gambar untuk memperbesar)


Oke guys, sampe sini dulu tutorial mengatur font sizenya, selamat mencoba dan good luck!

[Tugas 3]: Cara Sederhana Mengatur Warna Font pada Web HTML

Goodmorning, guys!!! Kembali lagi bersama gue Iqi... Dan pada post kali ini, gue akan share cara sederhana mengatur warna font/tulisan pada web HTML lo

Tentu hal ini memudahkan bagi lo semua yang ingin berkreasi dengan warna tulisan pada web HTML lo semua. 

Dan tag yang digunakan kali ini adalah <font color="X"> (dan X adalah warna yang lo ingin gunakan di tulisan lo) , seperti tag umum lainnya, tag ini memiliki penutup yaitu </font>

Nah, langsung aja guys, berikut contoh scriptnya :

<html>
<head><title>Mengubah Warna Font</title></head>
<body>
<font color="green">tulisan dengan font color hijau<br>
<font color="yellow">tulisan dengan font color kuning<br>
<font color="red">tulisan dengan font color merah<br>
<font color="blue">tulisan dengan font color biru<br>
<font color="gold">tulisan dengan font color emas<br>
<font color="brown">tulisan dengan font color coklat<br>
<font color="black">tulisan dengan font color hitam</font>
</body>
</html>


seperti biasa ya guys: copy script di atas ke notepad/text editor kalian, setelah itu save dengan “NAMAFILE.html” (tanpa menggunakan tandai kutip), jangan lupa tambahkan “.html” setelah menentukan nama file yang kalian inginkan ya guys!

lalu pilih ‘save as type’ menjadi ‘all files’

dan berikut hasil jadi dari script di atas :




(klik gambar untuk memperbesar)







Oke guys, berikut hanya contoh sederhana dari gue, jadi jangan lupa untuk selalu berkreasi sekreatif mungkin. Sekian dari gue, selamat mencoba dan good luck guys!