Belajar bahasa pemrograman dengan w3schools

Belajar bahasa pemrograman dengan w3schools

Anda ingin belajar bahasa pemrograman berbasis web? namun anda tidak memiliki referensi dalam belajar. anda tidak perlu khawatir disini saya akan memberikan anda referensi website untuk belajar bahasa pemrograman berbasis web baik html,php,jquery,javascript maupun bootstrap.

W3schools adalah salah satu situs yang terdapat banyak tutorial/penjelasan tentang script html/javascript/php/mysql/bootstrap. disana anda bisa berlatih membuat design web sederhana sampai design web dinamis yang dapat dijual, banyak para programmer web yang belajar membuat web dari situs ini.

situs ini cocok untuk anda para pemula yang ingin belajar bahasa pemrograman website tanpa harus kursus intensif dengan masternya.

saya pun juga banyak membaca dari situs ini, untuk berlatih membuat web dan mengembangkan script yang saya dapatkan dari sekolah.

W3schools terdapat fitur try it yourself dan exercise 1-4 dimana anda dapat mengubah script yang ada menjadi script yang lain yang lebih menarik dan anda pun juga bisa menggabungkan script - script yang ada agar menjadi web yang indah,menarik, dan interaktif.

Berikut tampilan W3schools :

tampilan awal W3schools.

Sekian referensi dari saya terima kasih dan selamat belajar pemrograman web.

"Tidak ada hal yang tidak mungkin selama kita mau mencoba dan tidak takut salah"

Read More [...]

Posted in Programming

penggunaan tag html

Hai kembali lagi di blog saya pada postingan saya yang lalu (pengenalan html) http://wulanagustiana.blogspot.co.id saya sudah memberikan sedikit penjelasan mengenai html dan tag - tag nya. nah pada postingan saya kali ini, saya akan memberikan demo untuk setiap tag yang tercantum pada html. pada contoh dibawah ini saya menggunakan text editor sublime, untuk text editor dapat menyesuaikan.
1. tag heading <h1> : tag untuk membuat heading

maka hasilnya :

 2.tag <img src> : tag untuk memasukkan gambar

hasilnya :

jika gambar yang anda masukkan terlalu besar dapat anda atur ukurannya dengan menambahkan height ="ukuran" dan weight ="ukuran". dan apabila saat dijalankan gambar tidak keluar atau hanya terdapat gambar pecah kecil berwarna putih mungkin format gambar yang anda masukkan salah contoh jika format gambar jpg tapi pada dokumen html anda menulis png, gambar tidak akan keluar.
3.tag <body background> : untuk menambahkan background gambar pad halaman web.

hasilnya :

selain gambar background juga dapat diberi warna caranya sebagai berikut

hasilnya :

4. tag <br> : untuk mengganti baris.

hasilnya :

tag <br> digunakan untuk mengganti baris, tag ini berfungsi untuk merapikan baris. jika saat di text editor anda sudah merapikannya namun tanpa tag <br> hanya menggunakan enter, saat dijalankan hasilnya tidak akan sama dengan pada saat di text editor.
5.tag <align> : untuk mengatur baris

hasilnya :

6.tag <pre> : untuk menampilkan teks apa adanya

hasil :

7.tag <font> : untuk mengatur font, pada font kalian bisa memodifikasi font/huruf sesuai keinginan kalian.

hasil :

8.tag <marque> : Untuk membuat tulisan berjalan

hasilnya :

tulisan tersebut dapat bergerak, arah gerak tulisan pun juga dapat diatur dari kiri ke kana atau sebaliknya. agar tampilan lebih bagus dapat disisipkan gambar animasi.
9.tag <hr> : untuk membuat garis horizontal

hasilnya :

tag <hr> ini juga dapat divariasi dengan menambah warna, memperbesar ukuran,menambahkan align dan membuatnya penuh atau NOSHADE. caranya <HR ALIGN = "left" WIDTH = "5%" SIZE = "10" NOSHADE color="red">.
10.tag <a href> : untuk membuat hyperlink.
untuk membuat hyperlink ini sedikit lebih rumit, pertama kalian harus membuat dokumen induk tempat dimana link itu ditempatkan dan dokumen yang akan muncul setelah link itu diklik. mari kita coba bersama-sama.

alamat link dokumen dimasukkan pada tag <a href="nama_dokumen">

 klik tulisan Klik disini jika berhasil dokumen akan berpindah (seperti berikut ini)

namun jika salah akan muncul seperti ini

Read More [...]

Posted in Programming

Pengenalan HTML

HTML

 

Apa itu HTML...?
HTML atau Hyper Text Markup Language adalah bahasa yang digunakan untuk menulis halaman web.
HTML selalu diawali dengan <html> dan diakhiri dengan </html>.
Menuliskan tag-tag html tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar
html kita dapat di akses oleh browser.
Mendesain html adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari html adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya  dengan  baik  agar  para  pengunjung  homepage  yang  kita  buat  merasa  senang  dan bermanfaat.
HTML biasanya ditulis pada text editor berupa Notepad,Notepad++,Sublime,dll.
Contoh kode HTML yang sangat sederhana :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang terdapat di dalamnya
adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML
Bagian yang terdapat dalam <HTML> dan </HTML> umumnya terbagi atas :
1.  kepala, ditandai dengan pasangan tag <HEAD> dan </HEAD>
2.  badan, ditandai dengan pasangan tag <BODY> dan </BODY>
Pada bagian kepala, bisa ditentukan judul dokumen HTML. Judul ini ditulis dalam pasangan tag <TITLE> dan </TITLE>.
Dokumen html biasanya disimpan dengan ekxtensi .html agar web browser dapat mengetahui bahwa dokumen tersebut adalah html.

Tag - Tag HTML
1.Tag <P>
digunakan untuk membuat paragraf.
Di dalam tag <P> bisa disertakan atribut ALIGN yang berguna untuk mengatur peletakan  teks di dalam masing-masing baris. Salah satu nilai yang dapat diberikan pada ALIGN adalah
    CENTER, yang menempatkan teks berada di tengah-tengah layar pada baris yang bersangkutan.
     LEFT, mengatur teks rata kiri terhadap halaman
     RIGHT, mengatur teks rata kanan terhadap halaman
    JUSTIFY, mengatur teks rata kiri dan rata kanan. Efeknya terlihat untuk teks yang sangat panjang.
2.Tag Judul (heading)
     HTML menyediakan 6 buah tag yang digunakan untuk mengatur ukuran teks yang
    dijadikan sebagai judul dalam badan dokumen. Tag-tag judul ini berupa :
     <H1> ... </H1>
     <H2> ... </H2>  
     <H3> ... </H3>  
    <H4> ... </H4>
    <H5> ... </H5>  
    <H6> ... </H6>
3.Tag <HR>
     Untuk mempercantik halaman, seringkali pembuat dokumen Web menambahkan garis
    horisontal. Garis ini sebenarnya dapat dibuat dengan mudah, yakni dengan menyertakan tag  <HR>.
4. Tag <BR>
     Tag ini biasanya digunakan untuk mengganti baris
5. Tag <a href>
    Untuk membuat hyperlink pada dokumen web
6.Tag <img src>
    untuk memasukkan gambar
7.Tag  <b>
  untuk membuat huruf tebal
8. Tag <i>
  untuk membuat huruf miring
9. Tag <font color>
  untuk memberi warna pada huruf
10. Tag <font size>
 untuk mengatur ukuran huruf
11. Tag <marquee>
   Untuk membuat huruf bergerak.

Read More [...]

Posted in Programming