Tampilkan postingan dengan label sintak. Tampilkan semua postingan
Tampilkan postingan dengan label sintak. Tampilkan semua postingan

Selasa, 24 November 2015

-Struktur dasar PHP


Sintak Dasar PHP

Kode-kode PHP ditulis dalam blok yang diawali dengan <?php atau <? dan ditutup oleh ?>. File yang berisikan kode-kode PHP bisa terdiri hanya skrip PHP atau disisipkan ke dalam HTML. Ada beberapa cara penulisan blok kode PHP, di antaranya:
<?
    //script PHP
?>
<?php
    //script PHP
?>
<SCRIPT LANGUAGE="php">
    // script PHP
</SCRIPT>
Contoh penulisan skrip PHP sebagai berikut:
sample1.php
<HTML>
<BODY>
 
<?php
echo "Hello World !!";
?>
 
</BODY>
</HTML>
Bila dijalankan dibrowser akan terlihat bacaan:
Hello World!!
Contoh di atas menggunakan statemen dasar yang menghasilkan keluaran teks dalam PHP, yaitu statement echo dan print.
Setiap instruksi dipisahkan oleh tanda titik koma (semicolon) ";", mencirikan pemisah antara satu set instruksi dengan instruksi lain. Jika Anda sudah terbiasa menulis sintak kode C/C++ atau Java, sintak kode PHP menggunakan style yang sama.
sample1.php
<HTML>
<BODY>
 
<?php
$var = "Hello World !!";
echo $var;
?>
 
</BODY>
</HTML>
Fungsi-fungsi yang ada di PHP tidak case sensitive, yaitu tidak membedakan huruf besar dengan huruf kecil. Sedang variabelnya case sensitive, artinya membedakan antara huruf besar dengan huruf kecil.

-Struktur dasar javascript


Perintah dasar  merupakan perintah yang digunakan sebagai operasi yang paling dasar dalam pemrograman Javascript, yaitu

  1. perintah assigment
  2. perintah untuk menampilkan output
  3. perintah untuk menerima input
  4. operator melakukan manipulasi data
Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data.

contoh:
nama = 'Rudianto'
angka = 11
umur = 25
namalengkap = 'Teknik Komputer'

Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu variabel yang bisa diberi nilai awal atau yang disebut juga dengan proses inisialisasi.

contoh:
var nama = 'Rudianto'
var angka = 9
var umur = 25

Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi dengan tipe data yang berbeda.
contoh:
var angka = 'sembilan'
var angka = 9

Dalam satu pernyataan assignment juga bisa diisikan data lebih dari baris, dan setiap pindah baris ditutup dengan menuliskan karakter backslash(\).
contoh:
kalimat = " Selamat datang di program studi Teknik Komputer \
Politeknik NSC Surabaya \
semoga bermanfaat"

Perintah Output

document.write(namavariabel)
document.write("Kalimat"+namavariabel)
alert("Kalimat"+namavariabel)

Contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menampilkan output dan alert</h1>
 <script type="text/javascript" language="javascript">
  nama = "Rudianto"
  umur = 35
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)
  alert("Nama anda : "+nama+"\n"+"Umur anda : "+umur)
 </script>
</body>
</html>

Hasil Running

Perintah Input dengan prompt
namavariabel = prompt("Pesan" , nilaidefault)

dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya.

contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menerima input</h1>
 <script type="text/javascript" language="javascript">
  nama = prompt("Siapa nama anda ? " , "Teknik Komputer")
  umur = prompt("Berapa umur anda ? ", 25)
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)

 </script>
</body>
</html>

Hasil running
setelah diisi akan ditampilkan

-Struktur dasar CSS


Letak Kode CSS

CSS sudah melekat erat pada HTML, ada tiga cara untuk menuliskan kode CSS:
  1. Memberi atribut style pada tag HTML (atribut style merupakan atribut global sehingga semua tag dapat diberi atribut ini).
  2. Menuliskannya di dalam tag <style> pada dokumen HTML.
  3. Menuliskannya pada file terpisah dengan ekstensi .css dan kemudian menyertakannya pada dokumen HTML dengan tag <link> di dalam tag head.

Contoh Penulisan CSS Pada Elemen HTML 

<p style="background-color:green">Ini paragraf</p>
 | 

Contoh Penulisan CSS pada Dokumen HTML

<html>
<head>
<style type="text/css">
p {
   background-color:green;
}
</style>
</head>
<body>
<p>Ini paragraf</p>
</body>
</html>
 
 | 

Contoh Penulisan CSS dengan File Terpisah

 <html>
<head>
<link rel="stylesheet" href="lokasi_file_css_ku.css" />
</head>
<body>
<p>Ini paragraf</p>
</body>
</html>

-Struktur Dasar Dokumen HTML


-Struktur Dasar Dokumen HTML



<HTML>
<HEAD>
<TITLE>Belajar Dasar-Dasar HTML</TITLE>
</HEAD>
<BODY>
Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu sangat mudah dan mengasyikan
</BODY>
</HTML>
Keterangan:
  • Tag <TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini dapat Anda lihat pada pojok kiri atas (title bar) browser. Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.
  • <BODY>  adalah isi dokumen yang akan ditampilkan dibrowser Anda
Untuk melihat hasilnya, silakan jalankan browser favorit Anda, dengan cara membuka file latihan1.html yang sudah Anda buat tadi dengan menggunakan browser seperti contoh tampilan dibawah ini saya menggunakan browser Mozila Firefox :
latihan1html 
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

 

Referensi Tag HTML

1. Heading

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Sintaks:
<head>
...........
</head>
Heading adalah sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML. Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama.
Contoh:
<HTML>
<HEAD>
<TITLE>Headings</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>
heading1

2. Paragraf

Untuk membuat paragraf digunakan tag <P>. Setelah tag <P> Anda bisa menulis isi paragraf dan paragraf tersebut harus diakhiri dengan penutup </P>. Anda bisa mengatur posisi paragraf dengan attribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan. LEFT untuk rata kiri, CENTER untuk rata tengah dan RIGHT untuk rata kanan.
Contoh:
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P ALIGN="right">
Yang harus Anda sadari adalah mencari uang di internet bukanlah bisnis secara riil, tapi sebenarnya kita berhadapan dengan dunia maya,  yang perlu Anda cermati hanyalah banyak jebakan dalam dunia maya yang begitu cerdas dan banyak situs-situs web bisnis online yang buat Anda ragu berhasil atau gagal untuk menjalaninya, sehingga banyak orang terperdaya, tertipu dan menyia-nyiakan waktu bahkan uangnya dan akhirnya tidak ada hasil sama sekali, salah satu penyebabnya adalah kurangnya pengetahuan yang mendalam tentang skill tekhnis dan strategy untuk sukses bisnis online.                  
<P ALIGN="center">
Memang, sampai saat ini masih banyak orang tidak percaya bahwa bisnis secara online bisa membuat penggunanya menjadi kaya raya, itu tidak benar, sebab kenyataannya banyak orang menjadikan bisnis online sebagai sumber penghasilannya yang besar, segera ikuti petunjuk-petunjuk yang ada dalam blok saya ini, Anda akan diarahkan bagaimana keberhasilan para interneter  kelas lokal maupun dunia yang membangun kekayaan secara bisnis online, dan rahasianya di kupas tuntas disini dan buktikan sendiri hasilnya, karena blog rahasia bisnis online ini adalah intisari dari ratusan situs web bisnis online dengan menggunakan trik dan strategy ampuh agar Anda bisa  membangun kekayaan secara online .                           <P ALIGN="left">
Untuk menjalani bisnis online agar Anda sukses, langkah pertama yang harus Anda lakukan adalah melakukan persiapan. Tahapan ini sangat penting dan Anda harus melakukannya karena dalam artikel ini memberikan Anda bukti keberhasilan bukan saja hanya menambah pengetahuan Anda tentang bagaimana menjalani bisnis online.      </P>
</BODY>
</HTML>
Dibawah ini adalah tampilan pada halaman browser dari contoh script diatas :
Paragrafhtml 
luvne.com luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com.com