Belajar Membuat Judul di HTML

HTML sudah menyiapkan tag khusus buat membuat suatu tittle atau judul didalam HTML yang biasa dikenal dengan sebutan Heading. Tag Heading digunakan untuk membuat suatu judul dari suatu pargaraf.

Tag Heading terdiri 6 tingkatan antara lain h1,h2 sampai dengan h6. Tag h1 merupakan tag heading yang paling besar dan tag h6 merupakan yang paling kecil

Nah, kali ini kita akan memcoba membuat Heading menggunakan tag h1 sampai dengan h6. mari kita buka notepad++  dan ketikkanlah kode seperti dibawah ini.



dan simpanlah dengan nama belajarhtml3.html kemudian jalankan file tersebut dengan klik kanan > open with > pilih mozilla atau dengan mengklik 2 kali pada file tersebut. dan lihatlah hasilnya

Biasanya ketika membuat suatu halaman, kita hanya membuat satu judul yang menggunakan salah satu tag h1 atau h2,h3 sampai h6 dan diikuti dengan menggunakan tag p.
contoh :



Dengan menggunakan tag-tag heading dan paragraf, kita dapat struktur sederhana konten HTML yang diinginkan.

Belajar Membuat Paragraf di HTML

Kali ini kita akan mencoba membuat suatu paragraf didalam html. Pertama-tama marilah kita buat suatu atau menuliskan struktur html seperti dibawah ini.

< html>
< head>
< title>Membuat paragraf< /title>
< /head>
< body>
< /body>
< /html>

Nah sekarang ketikkanlah dual kalimat didalam diantara tag < body> dan < /body>
misalkan : " Ini adalah paragraf belajar ini adalah pargraf fokus "
jadi penulisannya seperti ini

< html>
< head>
< title>Membuat paragraf< /title>
< /head>
< body>
Ini adalah paragraf belajar 
ini adalah pargraf fokus
< /body>
< /html>

dan simpanlah dengan nama pargrafhtml.html
Hasilnya

Nah sekarang kita akan mencoba membuat paragraf menggunakan tag < p>
< /p>
dari contoh diatas tambahlah tag < p>
< /p>
pada kalimat tersebut seperti ini

< html>
< head>
< title>Membuat paragraf< /title>
< /head>
< body>
< p>
Ini adalah paragraf belajar < /p>
< p>
ini adalah pargraf fokus< /p>
< /body>
< /html>

Kemudan simpan kembali, dan lihatlah hasilnya

Maka kalimat sebelumnya menjadi satu pargagraf kini telah menjadi dua pargraf.

Mengenal Tag, Element dan Atribut di HTML

Sebelumnya kita seudah mengenal apa itu html. dimana html itu adalah bahasa markup. Dan pada kali ini kita akan membahasan apa itu Tag, Element dan Atribut.

Tag HTML

Merupakan bagian terpenting dalam HTML atau bisa disebut sebagai otaknya HTML karena itulah HTML disebut sebagai bahasa markup. HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text.Tag merupakan perintah yang khusus untuk menjadi pembeda antara text biasa agar mudah dikenali oleh browser agar mudah dikenali dan ditampilkan ke dalam bentuk visual sesuai dengan printah yang diberikan.

Sebagai conth tag ini.

Contoh Penulisan Tag HTML

< tag_pembuka> perintah tag < /tag_pembuka>

sebagai contohnya :
< p> Mari Belajar Fokus < /p>

Keterangan :

• < p> adalah tag pembuka, dalam contoh ini p adalah tag untuk paragraf.
• < /p> adalah tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)

Contoh yang lain. Jika anda ingin membuat suatu kalimat dimana kalimat itu anda ingin memberikan tulisan tebal, miring dan bergari bawah. maka berikut adalah contoh penulisannya.

< b>Belajar adalah kunci menjadi suskes< /b>. < i>karena belajar dapat memberikan pengetahuan< /i>. < u>Karena itu belajarlah jika kamu tidak ingin menjadi orang-orang yang bodoh < u>.

Hasilnya :
Belajar adalah kunci menjadi suskes. karena belajar dapat memberikan pengetahuan. Karena itu belajarlah jika kamu tidak ingin menjadi orang-orang yang bodoh

Ada beberapa tag yang kita memiliki pasangan ini adalah sebuah pengecualian seperti :

• < hr> untuk membuat garis horizontal
• < br> untuk melakukan break (garis baru) atau bisa juga dituluskan sperti < br/>

Element-element Pada HTML

Element merupakan suatu sis pada sebuah tag yang berada diantara tag pembuka dan tag penutup. sebagai contoh :
< p> Ini adalah sebuah Element < /p>
Element sendiri tidak hanya berupa text, melainkan juga bisa berisi tag-tag lainnya seperti
< p> Ini adalah sebuh <em>Element<em>< /p>
Terlihat disana kalimat Ini adalah sebuah Element merupakan suatu element. dan < p> < /p> adalah tag-nya.

Atribut HTML

Merupakan suatu informasi tambahan yang disisipkan pada suatu tag. dimana sisipan ini bisa berupa  intruksi warna text, warna latar pada text maupun tautan pada suatu text. Atribut pada satu tag bisa lebih dari satu dan dipisahkan dengan menggunakan karakter kutip dua serta miliki penamaan dan nilai yang berbeda.

Contoh penulisannya :

< tag nama-atribut="nilai-atribut">< /tag> 

Sebagai contoh kita akan memberikan suatu tautan pada suatu text.

< a href="belajar-fokus.blogspot.com"> Ini adalah tautan < /a> 

Terlihat disana < a>< /a> merupakan tag. dan href="" merupakan suatu atribut pada sebuh tag. dimana yang berfungsi untuk menjadi sebuah link/tautan. jika kita mengkiliknya makan akan dipindah ke halaman belajar-fokus.blogspot.com.
Tidak semua tag membutuhkan suatu atribut, tapi anda akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering digunakan untuk manipulasi halaman web menggunakan CSS maupun JavaScript.

Menjalankan File HTML di Browser

Setelah kita membahas apa itu HTML sebelumnya, kali ini kita akan mencoba menjalankan file HTML. pertama-tama pastikan anda sudah menginstal web browser seperti Mozilla Firework atau web browser lainnya.

Buka notepad ++ kemudian ketiklah sebuah kata atau sebuah kalimat yang ingin anda tampilkan.
misalkan yang ingin saya tampilkan adalah :

Selamat Belajar HTML

Setalah itu simpanlah file tersebut dengan nama BelajarHTML1.html.
Kemudian bukalah file tersebut dengan cara klik kanan pada file BelajarHTML1.html > Open with > Mozilla Firework. atau dengan mengklik 2 kali pada file tersebut.
makan file html yang telah dibuat akan tampil seperti contoh dibawah ini.

Mudahkan?

Pengenalan HTML

Jika kita ingin membuat suat website maka hal yang paling mendasar yang harus kita pelajari adalah HTML. kenapa HTML ? Karena HTML merupakan sebuah pondasi dasar untuk pembuatan website.

Apa itu HTML ?

HTML adalah singkatan Hypertext Markup Language. Kenapa disebut Hypertext ? Karena didalam HTML sebuah text biasa dapat berfungsi lain yang dapat dita rubah-rubah misalkan merubah menjadi sebuah link atau tautan yang dapat berpindah dari satu halaman ke halaman lain. Fungsi text inilah yang biasa disebut dengan Hypertext walapun pada implementasinya nanti tidak hanya digunakan untuk membuat suatu tautan atau link melainkan masih banyak lagi.

HTML bukanlah sebuah bahasa pemrograman melainkan merupakan bahasa Markup. karena HTML menggunakan tag atau tanda markup untuk mendeskripsikan halaman dari sebuah web. misalkan dalam halaman web kita dapat menebalkan, memiringkan huruf atau sebuah kalimat menggunakan tag ini misalkan :

Mengenal HTML //belum diberikan tag

Mengenal HTML //setelah diberi tag

Keterangan :

• merupakan tag HTML yang digunakan untuk menebalkan huruf
• merupakan tag HTML yang berfungsi untuk membuat paragraf baru

Hailnya adalah..

Tag HTML

HTML Markup biasanya disebut dengan Tag HTML.  Tag HTML merupakan sebuah kata kunci untuk memulai seuatu halaman yang dikelilingi oleh sudut kurung seperti :

< html>< /html>

Setiap tag  memilik pasangan yaitu awal ( pembuka ) dan akhir ( penutup ) seperti

Dokumen HTML

Dokumen HTML biasa disebut dengan Halaman Web. dimana yang ditampilkan pada sebuah Web Browser seperti Mozilla, Chrome, Safari dan lain-lain. Browser tidak menampilkan tag html melainkan menafsirka tag html tersebut.

< html>
< body>
Mari Mengenal HTML
< /body>
< /html>

Keterangan :

• Teks di antara dan </ html> menjelaskan halaman web
• Teks di antara dan </ body> adalah isi halaman yang terlihat
• "Mari Mengenal HTML"  merupakan  Isi dari Halaman yang ditampilkan

Menggunakan Constant dan Variable di PHP

Apa itu Constant ?

Constant dapat diartikan sebaagai suatu nilai yang tidak bisa di rubah lagi. Constant biasanya digunakan untuk bilangan yang tetap. misalkan untuk jari-jari suatu lingkaran atau mungkin tanggal lahir.

Source : Artikel Menyelam & Menaklukan Samudra PHP

Misalkan :

pi=3,14;

Apabila kita ingin menampilkan dalam PHP maka sintaknya :

< ?php
define ("Pi", 3.14);
echo Pi;
? >

maka yang akan muncul adalah 3.14.
kenapa demikian? karna yang kita panggil adalah constant pi

Apa itu Variable

Variable merupakan suatu nilai yang masih dapat di ubah, dengan cara di isi ulang, berbeda dengan konstan yang tidak dapat di rubah dan bersifat mutlak.

Source : Artikel Menyelam & Menaklukan Samudra PHP

Contoh :

$a="Belajar";
$b="Fokus";

Yang mana variablenya? Variable yang terlihat seperti gambar dollar ( $ ). yang mana diatas ada variable a dan b.

Contoh :

< ?php
$a="Belajar";
$b=" Fokus";

echo $a , $b;
? >

Selesai..

Bekerja Dengan SUM, SUMIF Dan SUMIFS Di Ms. Excel

Fungsi SUM

Sum berfungsi untuk menghitung total nilai dari excel.
Rumus : SUM([number1].[number2].[number3]...]

Contoh :
Pertama-tama buat sebuaah data yang ingin kita sum. misalkan seperti data dibawah ini.

 Dan sekarang kita menggunakan fungsi sum untuk menghetahui berapa banyak atau total buku yang ada pada data tersebut. Ohya lupa hehe ketikkan SUM, SUMIF dan SUMIFS di bari ke 11,12,13 di kolom B ya..
pertama-tama letakkan kursor di kolom C di baris ke 11. kemudian ketikkan =SUM(C2:C9) seperti ini

Kemdudian enter.

 Maka total buku keseluruhan adalah sebanyak 29 buku.

Fungsi SUMIF

SUMIF sama fungsinya dengan SUM tetapi dalam kondisi tertentu.
Rumus : SUMIF(range,criteria,[sum_range]...)

Dengan data yang sama, kita kan mencoba menggunakan fungsi SUMIF untuk menghitung berapa banyak buku yang berjudul "Bahasa Asing" yang ada.
berikut contohnya :
Pertama-tama, letakkan kursur di kolong C baris ke 12 dan ikuti contoh gambar berikut ini

Kemduian Enter

Maka banyak buku yang judulnya Bahasa Asing adalah sebanyak 12 Buku. dimana yang terdapat pada rak 1A111 = 5, 1A113 = 2 dan 1A122 = 5.

Fungsi SUMIFS

SUMIFS berfungsi sama dengan SUMIF sebelumnya namun bisa lebih dari satu.
Rumus : SUMIFS(sum_range,criteria_range1,criteria1,[criteria_range2,criteria2

Dengan data yang sama kita akan menggunkan fungsi SUMIFS dimana kita akan menghitung jumlah buku "Belajar Fokus" yang ada di rak 1A121. Walupun sudah tentu hasilnya dua tapi tidak afdol jika kita tidak belajar menggunakan fungsi SUMIFS karena ini adalah contoh penggunaan fungsi SUMIFS.

Langsung saja, letakkan kursor di kolom C baris ke 13 dan ketiikan seperti digambar dibawah ini

Kemudian Enter

Selesai..
Mudahkan...! Silahkan Mencoba!

Membuat Dokumen Baru di Photoshop

Berikut langkah-langkah membuat sebagai berikut:
Pertama-tama klik menu file kemudian klik New

Perhatikan kotak dialog yang tampil

Tuliskan nama file dalam kotak isian nama jika tidak maka kotak nama adalah Untitled-1.
Pada bagian width dan height tentukan ukuran lebar dan panjang document atau pilih ukurannya melalui kotak pilihan preset. Pada praktek kali ini atur agar ukuran width dan heightnya rata-rata 800X600

Pada bagian resolution tentukan besarnya resolusi gambar atau tampak kali ini pastikan nilainya 72 pixels/inch

Pilih RGB color dan 8 bit pada colom mode. Selain RGB terdapat 4 pilihan color mode yaitu:
Bitmap color ,CMYK color, Grayscale color, Lab color

Masing-masing mode menentukan beberpa banyak warna yang dapat anda gunakan pada gambar .
Pada bagian background color pilih white untuk membuat background berwarna putih.

Jika sudah selesai klik tombol OK. Maka hasilnya akan seperti gambar dibawah ini.

Selesai...! Mudahkan ??

Cara Mengintegrasikan HTML dan PHP

PHP, selain beridiri sendiri dia juga dapat diintegrasikan dengan HTML. Dalam hal ini kita akan memasukkan script PHP kedalam script HTML. Mari kita coba memasukkan script PHP kedalam HTLM..

Buatlah file baru dan beri nama dengan belajar2.php
dan sebagi contoh.. pertama buatlah script html.

< html >
< title > Latihan Integrasi PHP HTML < /title >
< body >


< /body >
< /html >

Diatas ini merupakan script html pertama. dimana jika kita ingin menambahkan atau mengintegrasikan script php kedalammnya hanya tinggal menuliskan/menambahkan criptnya di bawah < body > seperti ini.

< html >
< title > Latihan Integrasi PHP HTML < /title >
< body >

< ?php
echo " Berhasil Integrasi dengan HTML ";
? >

< /body >
< /html >

dan sekanrang jalankan http://localhost/belajar/belajar2.php di mozilla anda dan liatlah yang ditampilkan adalah..

Selesai!! Mudahkan ?
Silahkan dicoba ya :D

Cara Membuka File Di Photoshop

Berikut langkah-langkah membuka file pada Photoshop

Disini saya menggunakan Photoshop versi CS1 karena ini tutorial yang saya pelajari saat duduk di waktu SMK 10 tahun yang lalu  jadi agak jadul sih karena sekarang udah Photoshop versi CC

Untuk membuka gambar pada photoshop
Maka pilih menu file kemudian klik open
Adapun cara yang lain dengan menekan Ctrl O atau klik ganda.

Maka kotak dialog open akan terbuka..
Perhatikan kotak dialog open, cari dan pilih lokasi file yang ingin dibuka.

kita lihat disana terdapat file budi dan jika anda klik nama file dibagian bawahnya maka akan tampil thumbnail budi beserta informasi mengenai ukuran file tersebut.

Kemudian klik tombol open atau klik ganda pada gambar.

sekarang perhatikan jendela gambar yang telah dibuka.
Bila anda pengguna photoshop versi lama sebelumnya akan melihat sedikit perbedaan.
Dalam photoshop cs1 setiap jendela gambar memiliki semacam status bar dibawahnya.

Yang terdiri atas:
Image magnification digunakan untuk menunjukkan presentase besar tampilan gambar, juga digunakan untuk mengubah besar kecilnya gambar pada document window. Cukup dengan menuliskan angka dalam suatu gambar kemudian tekan Enter.

Ducument information, bagian ini akan menampilkan informasi yang isinya dipilih dari document information collection, menahan Alt sambil melakukan klik pada bagian ini. Akan menampilkan informasi mengenai Width, Hight, Chanel dan resolution yang aktif.

Document information collection, mengklik pada tombol ini akan menampilkan menu yang berisi pilihan untuk menampilkan informasi yang akan ditampilkan pada document information.

Selesai...
Terima Kasih!!

Membuat Halaman PHP

Pastikan Xampp Control Panel kalian aktif dan lihatlah status Apache dan Mysql kalian apakah sudah di running apa belum. kalau belum silahkan di running. buatlah sebuah folder di di localdisk C:\xampp\htdocs beri nama belajar. kenapa namanya belajar karena kita akan menyimpan file .php yang akan kita buat nanti hehe... tapi terserah sih mau diberi nama apa hehe

Nah silahkan buka notepad and atau aplikasi lainnya yang bisa digunakan untuk mengetik sebuah sintak. kalau saya menggunakan notepad ++ atau notepad biasa bawaan windows.

nah sekarang kita akan memulai membuat halaman sederhana di PHP dan menampilkannya.

Silahkan ketikan conhtoh dibawah ini.

< ?php

Echo "Belajar Fokus";

? >

setelah itu simpan dengan nama belajar1.php dan simpan di folder yang telah kita buat tadi.

Kemudian untuk menampilkan hasil php yang telah kita buat tadi yaitu silahkan buka Mozilla kalaian atau google chrome kalian. dan ketikkan " http://localhost/belajar/belajar1.php "

dan hasilnya adalah ....

berarti anda telah berhasil mengawali belajar php dengan sukses. Selamat ya!

Sekian dan Terima Kasih.

Aturan Penulisan Bahasa Pemrogrman PHP

Setip bahasa pembrograman sudah pasti ada aturan-aturan atau cara-cara penulisannya juga. begitu pula dengan bahasa pemrograman bahasa php. Hal ini sangat penting bagi seorang pemula untuk belajar bahasa pemrograman PHP.

Karena banyak sekali kasus-kasus yang terjadi saat membuat suatu web terjadi pesan error sehingga web yang telah dibuat tidak bisa berjalan dengan optimal dan baik yang diakibatkan karena tata cara atau aturan penulisan bahasa pemrograman PHP.

Bahasa ini sangat dipengaruhi  oleh bahasa pemrograman lainnya seperti Bahasa C dan Perl. sehingga jika anda sudah atau bisa bahasa tersebut maka kita seharusnya mudah untuk mempelajari bahasa pemrograman PHP. Namu jika bahasa pemrograman merupakan bahasa pemrograman yang pertama kali anda pelajari maka, kita akan bersama-sama belajar bahasa pemrograman PHP ini dari dasar.

Nah kalau begitu mari kita mulai!

Bahasa pemrograman ini tidak sensitif seperti bahasa java yang dimana kita bisa mengetik menggunakan huruf kecil dan huruf besar.

Contoh :

< ?php
echo " Halo Kawan ";        // isi program
Echo " Halo Kawan";
ECHO " Halo Kawan ";

? > //Penutup program

Tetapi dalam penulisan variable huruf kecil dan besar sangat berpengaruh misalnya, $variable, $Variabel, $VarIAbel. dalam contoh penulisan tersebut dianggap sebagai tiga variable.
Contoh :

< ?php
$Budi="Budi";
echo $budi;       // maka Budi tidak akan muncul karna variabel yang dipanggil berbeda

echo $Budi // maka akan muncul "Budi"

?  >

Berikut ini beberapa contoh baris perintah dalam PHP

< ?php

echo "Halo Kawan";
ini_fungsi(10, "Belajar Fokus");
$a=10;
$b="Belajar Fokus";
$c=$a + $b;
if ($a==$b){
echo "Tampilkan";
}

? >

Sekian dan semoga bermanfaat!!

Mencari Data dari Tabel MySQL Menggunkan Select dan Like

Pertama-tama siapkanlah sebuah database dan table terlebih dahu..
Disini saya menggunakan database Sekolah dan tabel Siswa. Dimana di tabel siswa ini kita akan melakukan pencarian data dengan menggunakan perintah SELECT dan LIKE..

Berikut data Tabel Siswa yang sudah saya siapkan... * untuk kalian siapkan tabel apa saja yang kalian inginkan.

nim	nama	tgl_lhr	kelamin	alamat
00001	Budi Setiawan	1993-07-29	Laki-laki	Cakranegara
00002	Samsul Maryandi	1989-01-01	Laki-laki	Lombok Timur
00003	Vivi Cholte	1990-01-01	Perempuan	Lombok Utara
00004	Tuhfatussaniah	1990-06-04	Perempuan	Mataram

Format dasat Struktur SELECT dan LIKE adalah sebagai berikut :

SELECT nama_kolom_tampil FROM nama_tabel WHERE nama_kolom_cari LIKE keyword_pencarian

Keterangan :

• nama_kolom_tampil merupakan nama dari kolom yang akan kita tampilkan, 
• nama_tabel merupakan nama tabel dimana nama_kolom_tampil berada.
• nama_kolom_cari adalah kolom yang akan kita gunakan untuk pencarian.
• keyword_pencarian merupakan kata kunci yang digunakan untuk pencarian. 

Baik, tanpa perlu banyak basa-basim kali ini saya menampilkan salah satu nama siswa. 

berikut contohya :

> select * from siswa where nama like 'Budi Setiawan';

maka akan tampilkan seperti gambar dibawah ini

Sekian...

Silahkan dicoba

Mencari Nilai Terbesar ( Max ) dan Nilai Terkecil ( Min ) Menggunakan Ms. Word

Kali ini kita akan mempelajari bagaimana cara mencari nilai Max dan Min dengan menggunakan Ms. Word. Hal yang pertama kita akan lakukan adalah membuat sebuah tabel siswa yang berisikan nilai-nilai pelajaran.
Seperti contoh gambar dibawah ini....

Untuk lebih singkatnya,, mari kita mulai..
Silahkan letakkan kurson di kolom Nilai Max, kemudian pilih layout pada Menu Bar dan pilih Formula.

maka akan muncul jendela formula..
dan langsung saja pada kolom formula tersebut ketikkan : =Max(C3:E3)

Hasilnya

Begit pula dengan mencari nilai Terkecil ( Min ) : =Min(C3:E3)

Hasilnya

 Keterangan :

• C3 merupakan Baris ke 3 yang berada di Kolom C ( yang terlihat bahwa angka 9 berada di kolom C dan dibaris ketiga )
• E3 merupakan Baris ke 3 yang berada di Kolom E ( yang terlihat bahwa angka 9 yang satunya lagi berada di kolom E dan dibaris ketiga )
• Jadi kita akan menghitung nilai min/max Ariana Grande dari C3 sampai dengan E3