2015 ~ Anuhtiam blogspot

Rabu, 27 Mei 2015

Lahkah Bongkar & Pasang Komputer

Langkah Membongkar Komputer

1. Buka kasing samping komputer

2. Lepas power supply terlebih dahulu dan lepaskan yang tersangkut bersamanya di MotherBoard

3. Lepas dan ambil hardisk dan flopidisk beserta kabelnya

4. Lepaskan RAM dan VGA yang menancap

5. Lepaskan slot power,reset,LED,dll

6. Lepaskan MotherBoard dari kasing berserta prosesor dan batre CMOS

NB : untuk pemasangan tinggal di balik aja langkah-langkahnya ^_^

ok hailz n greet !

By: Unknown On 07.27

Kamis, 30 April 2015

HTML5

1. Fitur-Fitur Baru di HTML5
HTML5 merupakan versi ke-5 dari html dan saat ini juga masih dalam tahap pengembangan. Berikut adalah fitur-fitur terbaru dalam HMTL5 diantaranya yaitu:

Video dan Audio : tidak perlu menempelkan flash, quickplayer, atau realplayer untuk memutar audio dan video.
Canvas : Media corat-coret langsung tanpa flash dan applet java.
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, dan search.
Semantic : Mempermudah designer dengan tag khusus layout, seperti: artikel, footer, header, navigasi, dan section
Dukungan yang lebih baik untuk penyimpanan secara offline.

2. Document Type (DOCTYPE)
DOCTYPE adalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis. DOCTYPE bukanlah tag HTML dan deklarasi DOCTYPE mengacu pada Document Type Definition (DTD). DTD menetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar. Deklarasi DOCTYPE harus menjadi hal pertama dalam dokumen HTML, sebelum tag <html>. Biasakan selalu menambahkan DOCTYPE ke halaman web agar membantu browser untuk membuat halaman web/blog dengan benar. Penggunaan DOCTYPE pada HTML5 lebih di sederhanakan dengan mengetikkan perintah:

<!DOCTYPE html>

3. STRUKTUR DASAR HTML5

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>informasi dokumen</title>
</head>
<body>
....konten yang di tampilkan
pada halaman browser.....
</body>
</html>

4. Elemen Semantik HTML5
Semantic = arti/makna. Semantic elements = elemen dengan makna. Elemen semantik baru yang bertujuan untuk memberi makna ke berbagai bagian dari suatu halaman Web modern: header, footer, navigation bar, sidebar, dan sebagainya. Unsur-unsur semantik baru yang disediakan HTML5 adalah:

<article>

Unsur <article> digunakan untuk mendefinisikan item independen pada halaman yang dapat didistribusikan sendiri, seperti sebuah berita, posting blog, atau komentar.

<section>

Elemen ini merupakan bagian dari sebuah dokumen atau aplikasi, seperti bab atau bagian dari sebuah artikel atau tutorial. Misalnya, bagian Anda baca sekarang bisa dikelilingi oleh elemen <section> di HTML5.

<nav>

Ini adalah wadah untuk link navigasi utama pada halaman Web.

<aside>

Elemen baru ini dapat digunakan untuk menandai sebuah sidebar atau beberapa konten lainnya yangdianggap agak terpisah untuk konten sekitarnya. Contohnya adalah iklan

<hgroup>

Dalam beberapa kasus, halaman, artikel, atau bagian mungkin memerlukan lebih dari satu pos, seperti di mana Anda memiliki judul dan subjudul dengan tag heading.

<canvas>

Unsur ini adalah salah satu aspek yang paling penting dariHTML5 karena memfasilitasi produksi grafik, permainan interaktif,aplikasi paint, dan grafis lain dengan cepat tanpa memerlukan plug-in eksternal seperti Adobe Flash.

<audio> dan <video>

Kedua unsur ini memungkinkan Developer Web untuk memasukkan konten multimedia tanpa bergantung padapengguna untuk memiliki browser tambahan plug-in diinstal.

Macam - macam jenis input form baru di HTML5 yaitu:

*color *date

*datetime *datetime-local

*email *month

*number *range

*search *tel

*time *url

*week

Selain memberikan elemen-elemen baru, HTML5 menghapus beberapa elemen lama seperti:

*<acronym> *<applet>

* <basefont> *<frame>

*<big> *<dir>

*<center> *<font>

*<frameset> *<noframes>

*<strike> *<tt>

4.Contoh Layout HTML5

Untuk memahami penggunaan elemen semantik pada HMTL5 bisa melihat layout dibawah ini:

latihan2.

5.Figure & Figcaption

HTML5 memperkenalkan tag baru bernama <figure>. Tag ini digunakan sebagai wadah untuk menampung atau meletakkan tag <img> agar dapat tersusun secara rapih. Sedangkan <figcaption> digunakan untuk menuliskan atau memberikan keterangan pada gambar.

<figcaption>Keterangan Gambar</figcaption>

</figure>

Contoh penggunaan tag <figure> dan <figcaption>

<!DOCTYPE html>

<html>

<head>

<title>Figure dan Figcaption</title>

</head>

<body>

<figcaption>Android OS</figcaption>

<figcaption>Blackberry OS</figcaption>

</figure>

</body>

</html>

6. Video

HTML5 memperkenalkan tag baru bernama <video>. Tag ini digunakan untuk memasukkan video, misalnya ingin memutar video kedalam halaman web. Pada versi HTML sebelumnya untuk memutar video pada sebuah web menggunakan plugins tambahan yang biasa disebut flash Player. Tag video pada HTML5, setidaknya ada 3 jenis format video yang mendukung yaitu:

Ogg (File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)
MPEG4 (File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)
WebM (File WebM dengan Video Codec VP8 dan Audio Codec Vorbis) (.webm)

Contoh :

<video controls="controls">

<source src="judulvideo.ogg" type="video/ogg">

<source src="judulvideo.mp4" type="video/mp4">

<source src="judulvideo.webm" type="video/webm">

</video>

Atribut pada tag <video>

7. Audio

HTML5 memperkenalkan tag baru bernama <audio>. Tag ini digunakan untuk memasukkan suara/audio, misalnya ingin memutar lagu kedalam halaman web. Ketika di generasi sebelumnya (HTML 4.01) memasukkanaudio ke dalam web masih harus menggunakan flash. Tag audio pada HTML5, setidaknya ada 3 jenis format audio yang mendukung yaitu: Ogg, MP3, Wav.

</audio>

Atribut pada tag <audio>

Referensi :

http://id.wikipedia.org/wiki/HTML5
http://www.w3schools.com

By: Unknown On 23.26

Rabu, 18 Maret 2015

HTML Images & Links

MENAMBAHKAN GAMBAR

Dokumen HTML akan lebih menarik apabila disisipkan gambar. Sedangkan format gambar yang hampir dikenal semua browser adalah GIF dan JPEG. Untuk menambah gambar digunakan tag <img />

Tag <img /> mempunyai atribut :

Atribut	Fungsi
Scr Align Width Height Alt	Merujuk pada URL atau direktori lokasi gambar. Posisi teks disekitar gambar, nilainya adalah top, middle, bottom, left, right. Lebar gambar satuan pixel. Tingggi gambar satuan pixel. Menampilkan teks pengganti jika gambar tidak tampil.

Example :
<html>
<body>
<h2>Spectacular Mountains</h2>
<img src="pic_mountain.jpg" alt="Mountain View">
</body>
</html>

Image Size - Width and Height
Kamu dapat menggunakan style atribut untuk menentukan lebar dan tinggi suatu gambar.
Nilai-nilai yang ditentukan dalam pixel.

Example :

Using an Images as a Links

Mengguankan gambar sebagai link.

Example :

</a>

Membuat Image Berjalan
Example :
<marquee><img src="facebook.jpg" alt="huruf ef" align="top"/></marquee>

Membuat Image Berjalan dari Kiri ke Kanan
Example :
<marquee align="center" direction="right" height="45" scrollamount"5" width="70%"><img src="facebook.jpg" alt="huruf ef" align="top"/></marquee>

Note :
Pada huruf / angka yang berwarna merah dapat anda sesuaikan menurut

keinginan,kata "right" adalah perintah untuk menggerakkan teks ke arah

kanan. Anda dapat merubahnya menjadi "left".jika ingin teks berjalan dari arah kanan ke arah kiri.

Huruf "45" pada kode diatas adalah untuk mengatur ukuran tinggi bidang

gerak teks, anda dapat merubahnya dan menyesuaikan menurut ukuran

bidang gerak pada website / blog anda.

Sedangkan huruf "2" pada perintah scrollamount adalah untuk mengatur

kecepatan gerak teks. Semakin besar nominalnya maka kecepatan gerak teks akan semakin bertambah.

“70%" pada code width diatas adalah ukuran lebar bidang gerak teks. Anda bisa merubah prosentasenya sesuai dengan keinginan anda.

Membuat Image Berjalan dari Kiri dan Kembali ke Kanan
Example :
<marquee align="center" direction="left" height="50" scrollamount="5" width="70%" behavior="alternate"> <img src="facebook.jpg" alt="huruf ef" align="top"/></marquee>

Example :
<html>
<head>
<title>Menggunakan Link</title>
</head>
<body>
<a href="http://www.facebook.com">Klik Disini</a> untuk menuju situs facebook.com <br/>
Atau dapat juga Klik gambar ini :
<a href="http://www.facebook.com">
<marquee align="center" direction="left" height="50" scrollamount="5" width="70%" behavior="alternate"> <img src="facebook.jpg" alt="huruf ef" align="top"/></marquee>

</a>

</body>

</html>

MENAMBAHKAN LINKS
Links merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika link di klik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor, yaitu tag <a>. Tag <a> mempunyai atribut href yang digunakan sebagai link tujuan.

Example :

<a href="http://www.w3schools.com/html/">Visit our HTML tutorial</a>

Example :

<html>
<head>
<title>Menggunakan Link</title>
</head>
<body>
<a href="http://www.facebook.com">Klik Disini</a> untuk menuju situs facebook.com <br/>
Atau dapat juga Klik gambar ini :
<a href="http://www.facebook.com">
<img src="facebook.jpg" alt="huruf ef" align="top"/>
</a>
</body>
</html>

By: Unknown On 22.57

Rabu, 11 Maret 2015

HTML List

HTML memiliki Unordered list, Ordered list, atau Deskripsi list :

Unordered List

The first item
The second item
The third item
The fourth item

Ordered List

1. The first item

2. The second item

3. The third item

4.The fourth item

Unordered HTML List

Unordered list dimulai dengan tag <ul>. Yang mana list item dimulai dengan tag <li>.

List item akan ditandai dengan lingkaran hitam kecil.

Unordered list :
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Unordered HTML list - Atribut
Tipe atribut dapat ditambahkan pada Unordered list. Untuk menentukan model penanda :

Style	Description
list-style-type:disc	List item akan ditandai dengan lingkaran (default)
list-style-type:circle	List item akan ditandai dengan simbol circle
list-style-type:square	List item akan ditandai dengan simbol bujur sangkar
list-style-type:none	List item tidak akan ditandai

Disc :
<ul style="list-style-type:disc">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Circle :
<ul style="list-style-type:circle">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Square :

<ul style="list-style-type:square">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

None :
<ul style="list-style-type:none">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Note

Menggunakan tipe atribut <ul type="disc">, dari pada <ul style="list-style-type:disc>, juga bekerja. Tapi di HTML5, tipe atribut tidak valid pada unordered list, hanya pada ordered list.

Ordered HTML List
Ordered list dimulai dengan tag <ol>. Yang mana list item dimulai dengan tag <li>.
List item akan ditandai dengan nomor.

Ordered list :
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Ordered HTML List - Atribut

Tipe atribut dapat ditambahkan pada ordered list. Untuk menentukan model penanda :

Type	Description
type="1"	List item akan diberi nomor dengan angka (default)
type="A"	List item akan diberi nomor dengan angka kapital
type="a"	List item akan diberi nomor dengan angka kecil
type="I"	List item akan diberi nomor dengan angka romawi besar
type="i"	List item akan diberi nomor dengan angka romawi kecil

Numbers :
<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Upper Case :
<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Lower Case :
<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Roman Upper Case :
<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Roman Lower Case :
<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML Description List

Tag <dl> untuk mendefinisikan Description list.
Tag <dt> untuk mendefinisikan istilah (nama), tag <dd> mendefinisikan data (deskripsi).

Description list :

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

Nested List

List dapat dijadikan bersarang (list dalam list)
<ul>
  <li>Coffee</li>
  <li>Tea
  <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

Note

List item dapat berisi list baru, dan elemen HTML lainya, seperti gambar dan link.

Horizontal List
HTML list bisa ditata dalam berbagai cara dengan CSS.
Salah satu cara yang populer, adalah gaya list untuk menampilkan horizontal :
<html>
<head>
<style>
ul#menu li {
    display:inline;
}
</style>
</head>

<body>

<h2>Horizontal List</h2>

<ul id="menu">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>PHP</li>
</ul>

</body>
</html>

HTML Lists Tags

Tag	Description
<ul>	Defines an unordered list
<ol>	Defines an ordered list
<li>	Defines a list item
<dl>	Defines a description list
<dt>	Defines the term in a description list
<dd>	Defines the description in a description list

Referensi :

http://www.w3schools.com/

By: Unknown On 08.52

Anuhtiam blogspot

Sample Text

Rabu, 27 Mei 2015

Lahkah Bongkar & Pasang Komputer

Kamis, 30 April 2015

HTML5

Rabu, 18 Maret 2015

HTML Images & Links

Rabu, 11 Maret 2015

HTML List

Text Widget

Blog Archive

About Me

Followers

Pengikut

Mengenai Saya

Recent Posts

Popular Posts

Unordered List

Follow us on FaceBook

Pages

Blog Archive

Popular Posts

About

Gallery