Tempat Belajar Gratis Belajar PHP - Windows - Service Notebook Komputer untuk pemula.

Home » Arsip untuk 2016

Mengatur Font Pada Halaman HTML

Didalam dokumen html kita bisa mengatur format font seperti mengatur jenis huruf, warna   huruf,   size / ukuran   huruf   dll.   Untuk   mengatur   format   font   dalam   dokumen html caranya dengan menggunakan tag <font>...</font>. 
contoh penggunaan tag font:

<!DOCTYPE html>
<html>
<head>
<title> Format Font </title>
</head>
<body >
       <font size="5pt" face="Arial" color="red">
       Bentuk Text arial berwarna merah
       </font>
</body>
</html>
Kesimpulan dari code diatas terdapat tag <font size="5pt" face="arial" color="red">, itu artinya kita mengatur font pada dokumen html dengan ukuran 5 pt, dengan jenis font arial berwarna merah.
Selamat belajar, happy coding... :)
sumber :  
w3schools

Membuat Paragraf dan Heading HTML





Paragraf HTML
Kali ini kita akan belajar bagaimana membuat tag paragraf di halaman HTML. Untuk memahaminya, kita kembali terlebih dahulu membuat contoh. Silahkan buka kembali text editor, lalu ketikkan kode berikut:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Title dari Belajar tag paragraf</title>
</head>
<body>
contoh paragraf pertama
contoh paragraf kedua
</body>
</html>
selanjutnya simpan di notepad anda , dan jalankan melalui browser.
Di browser akan menampilkan bahwa paragraf tersebut tidak berada pada baris berbeda, tetapi pada baris yang sama. Di dalam HTML spasi akan di abaikan.
Contoh Paragraf 2

<!DOCTYPE html>
<html>
<head>
<title>Title paragraf</title>
</head>
<body>
Ini adalah paragraf pertama Ini adalah paragraf kedua
</body> 
</html>
Tag Paragraf (<p>) 
HTML menyediakan tag khusus untuk paragraf : <p>
Contoh: 
<!DOCTYPE html>
<html>
<head>
<title>title paragraf</title>
</head>
<body>
<p>ini adalah penggunaan paragraf pertama</p>
<p>ini adalah penggunaan paragraf kedua</p>
</body>
</html>
Maka akan menampilkan baris paragraf yang berbeda, pada contoh diatas paragraf kedua sudah berada pada posisi masing-masing.etiap  tag  paragraf,  web  browser  akan  memberikan  spasi  antar paragraf.

Tag Break (<br>) 
Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag <br>(br singkatan dari break). 
Contoh Tag <br/>

<!DOCTYPE html>
<html>
<head>
<title>title dari websiteku</title>
</head>
<body>
  ini adalah paragraf pertama
<br />
  ini adalah paragraf kedua
</body>
</html> 
Heading HTML 
Heading   HTML  biasanya  digunakan   untuk   judul   postingan/artikel   dalam   halaman web.  Tag   heading   terdiri   dari   beberapa   level,   untuk   lebih   jelasnya   lihat   contoh   di
bawah ini.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
       <h1>Heading Level 1</h1>
       <h2>Heading Level 2</h2>
       <h3>Heading Level 3</h3>
       <h4>Heading Level 4</h4>
       <h5>Heading Level 5</h5>
       <h6>Heading Level 6</h6>
</body>
</html>
Selamat belajar, happy coding..!!!

Cara Membuat Kotak Script di Postingan Blog

cara membuat cara belajar html dasar
Kotak Script biasa digunakan untuk menampikan kode-kode pemograman yang akan di tampilkan di postingan blog, Semoga dengan tutorial ini, anda bisa mendapatkan sedikit pengetahuan tentang postingan dalam Blog.
1. Login ke Blog anda
2. Pilih Entri baru
3. Kemudian ubah Compose menjadi HTML
4. Copy paste-kan, script dibawah ini di blog Anda
Masukkan Kode Script Disini
" <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 6px solid #2288dd; border-radius: 10px; padding: 5px; t-align: left;">Masukkan Kode Script Disini/<div>

Contoh:
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: Papayawhip; border-radius: 10px; border: 2px dashed #8B4513; padding: 5px; t-align: left;">Masukkan Kode Script Disini</div>

<div style="border: 3px #F5F5F5 solid; padding: 5px;background-color:#ffffff;
overflow: auto; height: 100px; width: 320px;
text-align: left;">
Masukkan Kode Script Disini</div>

Selamat Mencoba.....

TAG BODY DAN ATRIBUTNYA

1. BACKGROUND
Atribut  ini digunakan untuk mengeset gambar untuk digunakan sebagai latar belakang pada sebuah halaman. Kita cukup menggunakan atribut berikut untuk memilih sebuah gambar untuk dijadikan latar belakang. Letakkan sebuah gambar dengan nama gambar.jpg satu folder dengan file html ini. Lalu untuk memberikan background gambar penulisannya adalah sebagi berikut:  

<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body background="gambar.jpg">
Contoh Teks di sini
</body>
</html>
2. BGCOLOR 
Bgcolor menentukan warna latar belakang dari halaman web. Misalnya, untuk mengatur warna latar belakang halaman agar berwarna merah, kita dapat menggunakan tag berikut :
<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</tit
</head>
<body bgcolor="#222222"
Contoh Teks di sini
</body>
</html>
3. TEXT
Atribut ini berguna untuk menentukan warna standar dari teks yang ada pada halaman tersebut.
 
<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body text="#222222" >
Contoh Teks di sini
</body>
</html>
4. LINK 
Atribut ini berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut sebelum di-klik.
 
<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body link="#222222" >
<a href="#">Contoh Link</a>
</body>
</html>
5. VLINK
Berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut ketika telah di-klik.

<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title> 
</head>
<body vlink="#222222" >
<a href="#">Contoh Link</a>
</body>
</html>

Dasar HTML








Bagian  ini akan membahas lebih dalam mengenai struktur dari Body HTML.
Pada dasarnya elemen HTML ada 2 kategori:
  1. Elemen    berfungsi  untuk  memberikan  informasi  atau  mendeklarasikan
    dokumen tersebut
  2. Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser. 
STRUKTUR DOKUMEN HTML  
 
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
  Hallo Word!
</body>
</html>
<html> ... </html>       :  merupakan tag pembuka dari dokumen html.
<head> ... </head>     :
<title> ... </title>         :  merupakan tag untuk memberikan judul pada dokumen html.
<body> ... </body>    :  merupakan body dari dokumen html. Segala sesuatu yang ingin
ditampilkan di dokumen html disimpan dalam tag body ini.

Cara Install Windows 7 di Komputer Atau Laptop Untuk Pemula

windos 7 profesional ultimate 64bit 31 bit install windows
Cara Install Windows 7 sekarang sangat mudah tutorial pun sudah menjamur di internet, dengan berbagai cara pun di sajikan dengan artikel biasa maupun media video seperti youtube. Kali ini saya akan memberikan tutorial bagaimana install windows 7 sendiri, Apa saja sih yang harus anda siapkan untuk install komputer?
Yang anda siapkan yaitu: OS windows 7 , USB Bootable, CD/DVD RW, jangan lupa sebungkus rokok, dan secangkir copi..HEHE.
Sebelum Install backup dulu data-data yang ada di my document karena biasa user menyimpan secara defoult di folder my dokumen, pindah dulu di Disk D / di backup di Hardisk External.
  1. Setting Bios Pada komputer / Laptop, pada umumnya untuk komputer masuk bios dengan menekan Tombol DELETE pada keybord, sedangkan untuk Laptop F2/F10 tergantung dari merk.
  2. Sehingga akan muncul tampilan menu BIOS seperti gambar di bawah ini.
install windows masuk bios usb

3 Selanjutnya pilih Tab Menu Boot, Anda akan melihat tampilan seperti dibawah ini.