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!