Wednesday, 11 March 2015

Membuat Link Pada Halaman Html


Hallo sahabat geka, kali ini setelah sekian lama libur ngepost karna kemarinan laptop saya rusak hehe.
Okelah tanpa panjang lebar kali ini saya akan membahas tentang cara membuat link pada halaman html,link sendiri berfungsi untuk membungkan satu halaman dengan halaman web lainnya. Yuk disimak script-nya :

Contoh 1.1





Contoh 1.2



Pada gambar contoh 1.1 dan 1.2 ada perbedaan hasil jika scriptnya di jalankan,apa perbedaannya? 
Perbedaannya adalah pada gambar contoh 1.1 terdapat attribut target="blank" pada script sedangkan gambar 1.2 tidak ada.  Jika dijalankan script gambar contoh 1.1 jika di klik link-nya maka akan terbuka link yang di tuju pada tab halaman berbeda. 

Gimana tutorial kali ini? Semoga dapat sedikit membantu sahabat ya hehe.
Unknown Web Developer

Monday, 26 January 2015

Membuat Garis atau Horizontal Line Pada HTML


Halo sahabat geka,kali ini saya akan membahas mengenai cara membuat horizontal line pada halaman html. Tag yang kita pakai untuk membuat horizontal line atau membuat garis ialah <hr>.


Contohnya scriptnya sebagai berikut :


Maka hasilnya adalah :



Bagaimana tutorial diatas,cukup mudah bukan?hehe 

Cukup sekian tutorial kali ini,jangan lupa terus berlatih,belajar dan berbagi ya sahabat geka hehe.
Unknown Web Developer

Monday, 19 January 2015

Membuat Paragraf Pada HTML


Hallo sahabat geka,kali ini saya akan menjelaskan cara untuk membuat paragraf pada html.

Tag yang kita pakai untuk membuat paragraf pada halaman html adalah <p>...</p>
Contoh:

<html>
<head>
<title> Gekanote </title>
</head>
<body>
<p>Belajar HTML bersama gekanote</p>
<p>jangan bosan untuk belajar</p>
</body>
</html>

hasil:


cukup mudah bukan untuk membuat paragraf pada html? Nah oleh karna itu jangan lupa mencobanya hehe.
Unknown Web Developer

Dasar HTML








Mendesain HTML dapat menggunakan :
1.     Menggunakan HTML Editor, seperti Adobe Dreamweaver,notepad++ dan lain-lainnya.
2.     Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Struktur Dasar Dokumen HTML
Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY. Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir </HTML>. Standar penulisannya adalah:

<html>
<head>
<title> Gekanote </title>
</head>
<body>
Belajar HTML bersama gekanote
</body>
</html>

Hasil dari script diatas :






Keterangan :

Tag <html>...</html> : untuk memulai dan mengakhiri script html.
Tag <title>...</title> : untuk memberi judul dokumen html. anda bisa lihat dipojok kanan browser anda untuk melihat title tersebut.
Tag <body>...</body> : adalah body dari dokumen html. Segala sesuatu yang ingin ditampilkan di dokumen html disimpan dalam tag body tersebut.

TAG BODY DAN ATTRIBUT-NYA :
1. TEKS
 Attribut ini digunakan untuk menentukan warna yang anda pilih untuk teks tersebut.
  
 <html>
<head> 
<title> Gekanote </title>
</head>
<body text="blue">
Teks-nya disini
</body>
</html>

2. BACKGROUND
Untuk mengganti warna background dari halaman web kita. Contohnya kita akan merubah warna-nya menjadi merah.

 <html>
<head> 
<title> Gekanote </title>
</head>
<body text="blue" bgcolor="red">
Teks-nya disini
</body>
</html>

3. IMAGES
Merubah background dengan sebuah gambar.

 <html>
<head> 
<title> Gekanote </title>
</head>
<body text="blue" bgcolor="red" background="./images/image48.jpg">
Teks-nya disini
</body>
</html>

4. LINK
Atribut ini berguna untuk menentukan warna standar dari tautan/link yang ada pada halaman tersebut sebelum di klik.


html>
<head> 
<title> Gekanote </title>
</head>
<body link="#222222">
<a href="gekanote.blogspot.com"> Contoh link </a>
</body>
</html>

Seperti-nya segitu dulu bahasan dasar html,untuk bahasan selanjutnya pasti saya post lagi hehe^^


Unknown Web Developer