Contoh penggunaan property font-family CSS dengan HTML
Berikut adalah contoh penggunaan property font-family dalam CSS:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar CSS di Duniailkom</title>
<style type="text/css">
body { font-family: Calibri, Helvetica, Arial, sans-serif; }
h3 { font-family: Cambria,"Times New Roman",serif; }
#paragraf2 { font-family: Georgia, serif;
Cara Menggunakan Font External dalam CSS
Sebagai tutorial cara menggunakan font external dengan CSS, kita terlebih dahulu harus menyiapkan font yang akan digunakan. Dalam tutorial kali ini saya akan menggunakan font : DIGITAL-7_2.TTF. Font ini saya ambil dari folder font dalam sistem Windows 7. Anda boleh bebas menggunakan font jenis lain,
Cara Menggunakan Google Font
Setelah memilih jenis font dan cara yang akan digunakan, maka kita akan langsung mencobanya dengan kode CSS. Berikut adalah kode HTML dan CSS yang saya gunakan:
<!DOCTYPE html>
<html>
<head>
<title>Belajar Google Font</title>
<link href='http://fonts.googleapis.com/css?family=Lobster|Open+Sans'
rel='stylesheet' type='text/css'>
<style type="text/css">
.open{
font-family: 'Open Sans', sans-serif;
Jenis dan Pengertian Tipe data dalam JavaScript
Tipe data dalam JavaScript dibedakan menjadi 2 kelompok, yakni tipe data dasar (primitif) dan tipe data objek.
Tipe data dasar terdiri dari tipe data angka, tipe data text (string), dan tipe data boolean. Tipe data null dan undefined juga merupakan tipe data dasar, namun memiliki
Cara Membuat Tipe Data Angka
Karena di dalam JavaScript sebuah variabel tidak perlu di deklarasikan akan bertipe apa, maka jika sebuah variabel diberikan nilai angka, maka variabel tersebut telah menjadi variabel dengan tipe angka. Berikut adalah contohnya:
<script>
var a=12; // deklarasi dengan var
b=6; // deklarasi tanpa keyword var
</script>
Operator Aritmatika di dalam JavaScript
Operasi
Contoh Perhitungan NaN dan Infinity
Berikut adalah contoh program JavaScript yang akan menghasilkan nilai Infinity dan NaN:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
<script>
a = 5;
b = 7;
c = b / 0;
console.log(c); // Hasil: Infinity
Pengertian Objek Angka (Number) dalam JavaScipt
Dengan memberikan nilai angka ke dalam sebuah variabel, secara otomatis variabel tersebut akan bertipe angka (number). Variabel dengan tipe angka, akan memiliki method yang bisa digunakan untuk memproses data yang ada didalam varibel tersebut.
Di dalam JavaScript, method untuk tipe angka akan lebih banyak berfungsi untuk
Konstanta Objek Number dalam JavaScript
Selain memiliki method atau fungsi, objek number di dalam JavaScript juga memiliki beberapa konstanta (constant) yang bisa digunakan untuk proses matematika. Konstanta ini berisi beberapa nilai yang bisa digunakan dalam perhitungan matematis dan proses logika program.
Berikut adalah contoh kode program JavaScript untuk penggunaan konstanta Number:
<!DOCTYPE
Pengertian Perulangan Do-While dalam PHP
Perulangan while dan do-while pada dasarnya hampir sama. Perbedaan terletak pada ’lokasi’ pengecekan kondisi perulangan.
Dalam struktur while, pengecekan untuk kondisi perulangan di lakukan di awal, sehingga jika kondisi tidak terpenuhi, maka perulangan tidak akan pernah dijalankan.
Namun pada perulangan do-while, pengecekan kondisi akan dilakukan di akhir perulangan,
Cara Penulisan Struktur Perulangan Do-While PHP
Penulisan struktur do-while mirip dengan struktur while, namun kita menambahkan perintah do di awal struktur. Berikut adalah format dasar penulisan struktur do-while dalam PHP:
do {
statement;
statement;
} while (condition);
Setelah perintah do, di dalam blok kurung kurawal adalah statement. Statement
Cara Penulisan Perintah Break
Perintah break dapat di letakkan di posisi manapun di dalam perulangan, namun biasanya kita akan membuat logika IF untuk menentukan kapan perintah break akan dijalankan.
Contoh Penggunaan Break dalam Perulangan For
Berikut adalah contoh program perulangan for dengan menggunakan perintah break:
<?php
for ($i=0; $i <100; $i++)
{
Fungsi Perintah Continue dalam PHP
Perintah continue juga digunakan untuk men-interupsi perulangan dalam PHP, namun jika perintah break digunakan untuk menghentikan perulangan, maka perintah continue hanya akan menghentikan perulangan untuk 1 iterasi saja, lalu proses perulangan akan dilanjutkan.
Berikut contoh kode PHP penggunaan perintah continue:
<?php
for ($i=0; $i <10; $i++)
{
Cara Penggunaan Continue pada Nested Loop
Sama seperti perintah break, perintah continue juga bisa digunakan untuk nested loop, dan kita menggunakan angka setelah perintah continue untuk menginstruksikan level kedalaman loop.
Berikut adalah contoh penggunaan perintah continue dalam nested loop
<?php
for ($i=0; $i <10; $i++)
{
for ($j=0; $j <10; $j++)
Mengenal Property font-size Dalam CSS
Untuk mengubah besar atau ukuran dari sebuah font atau teks dengan CSS, kita menggunakan properti font-size. Properti font-size cukup sederhana dan ditulis seperti contoh berikut ini:
p {
font-size: 14px;
}
Dengan menulis kode CSS diatas, semua teks di dalam tag
akan memiliki font dengan ukuran 14 pixel.
Yang
Satuan Ukuran Font: Pixel (px) Dalam CSS
Satuan ukuran pixel relatif mudah dipahami karena ia tidak terikat dengan setingan browser. Ketika kita mendefenisikan ukuran font sebesar 20 pixel, maka web browser akan menampilkannya sebesar (tentu saja) 20 pixel. Satuan pixel ini banyak digunakan karena ditampilkan secara konsisten di dalam berbagai web
Satuan Ukuran Font: Persen (%) Dalam CSS
Satuan persen adalah satuan yang bersifat relatif. Perhitungan ukuran persen akan mendapatkan ukuran font dari setingan parent element. Jika kita mendefenisikan ukuran font tag
sebesar 100%, maka tag
akan memiliki ukuran yang sama dengan parent element. Namun jika tag
dibuat sebesar 120%, maka ukurannya akan sebesar 120%
Konsep penggunaan persen Dalam CSS
Agar lebih mudah memahami konsep penggunaan persen sebagai ukuran font, berukut adalah contoh kode HTML dan CSSnya: