tutorial informatika: July 2014

Thursday, July 17, 2014

Headling

Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML. Sekalipun sama-sama merupakan judul, tetapi heading berbeda dengan elemen <TITTLE> yang hanya muncul pada title bar dari suatu jendela browser, bukan di dalam web page.
HTML menyediakan enam buah tingkat heading.

Atribut yang dapat ditambahkan pada elemen heading adalah ALIGN dimana memiliki nilai sebagai berikut :
• Align=”left”, untuk meratakan heading ke kiri
• Align=”center”, untuk meratakan heading di tengah
• Align=”right”, untuk meratakan heading ke kanan
Contoh penulisan adalah

<H1 ALIGN=”center”>Heading di rata Tengah</H1>

Contoh Penggunaan Headling :

<HTML>
<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>

Hasilnya :

Elemen PARAGRAPH,BLOCKQUOTE,PREFORMATTED TEXT,DIVIDER

HTML tidak hanya menyediakan teks saja dalam dokumennya, tetapi juga mampu menampilkan objek-objek multimedia seperti gambar, suara, video, dan bahkan telah merambah lebih jauh dengan adanya VRML serta applet-applet Java. Untuk informasi yang berupa teks, HTML telah menyediakan bermacam-macam elemen, seperti :
• PARAGRAPH untuk membuat suatu paragraf
• BLOCKQUOTE untuk membuat suatu kutipan teks
• PREFORMATTED TEXT untuk menampilkan teks seperti yang dituliskan
• DIVIDER digunakan untuk mengelompokkan suatu teks tertentu

PARAGRAPH

Elemen <P>………..</P> digunakan untuk menandai sekumpulan teks sebagai suatu paragraf.Tag <P> untuk awal paragraf dan tag </P> digunakan untuk mengakhiri paragraf.

Tag paragraf memiliki atribut yang dapat dipakai sebagai tambahan untuk pemformatan paragraf

Penggunaan Paragraph di HTML :

<html>

<body>

<p align="right">Paragraf dengan perataan kanan.</p>

<p align="center">Paragraf dengan rata tengah.</p>

<p align="left">Paragraf tiga.</p>

<p align="justify">Paragraf dengan perataan justify.</p>

</body>

</html>

HASILNYA :

BLOCKQOUTE

Tag <BLOCKQUOTE> digunakan untuk menuliskan suatu kutipan teks. contohnya :

<html>
<head>
<title>belajar HTML, www.tutorinformatika.blogspot.com</title>
</head>
<body>
<h1>HTML</h1>

<blockquote>HTML <i>Hyper Text Markup Languange</i> adalah bahasa pengkodeaan untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web.

<blockquote>

HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.
</body>
</html>

HASILNYA :

PREFORMATTED TEXT

penekanan tombol ENTER, Tab, Spasi tidak memberikan pengaruh pada web page yang kita buat. Bagaimana jika misalnya kita betul-betul ingin menambahkan spasi dan enter pada teks dalam web page kita. Masalah ini dapat dipecahkan dengan menggunakan tag <PRE>…..</PRE>. Sehingga teks yang berada di dalam tag pre akan mengikuti sesuai dengan pengetikan yang kita lakukan. Berikut ini adalah contoh dokumen HTML yang menggunakan Tag <PRE>

contoh penggunaannya :

<html>

<body>

<h3>CONTOH PENGGUNAAN TAG PRE </h3>

<pre>

Teks ini menggunakan s p a s i dan ENTER

untuk berpindah ke baris ini.

</pre>

<p>Tag pre juga sangat cocok untuk menampilkan baris-baris kode program

seperti dibawah ini</p>

<pre>

<b>for i = 1 to 10

print i

next i

</pre></b>

<p>Kita Juga dapat membuat gambar dengan format teks seperti berikut :</p>

<pre>

/\_/\

( o o )

- meooongg........

</pre>

</body>

</html>

hasilnya :

DIVIDER

Elemen DIV digunakan untuk membagi-bagi dokumen HTML dalam suatu hieraki yang terstruktur. Teks yang dikelilingi oleh tag <DIV>……..</DIV> akan diformat menurut nilai atribut ALIGN yang ditentukan di dalamnya. Nilai atribut ALIGN yaitu, Left, Center dan Right.

Penggunaan DIV dengan Align=”center” dapat diganti dengan tag <CENTER>….<CENTER>. Keduanya menghasilkan hasil yang sama

Contoh HTML Sederhana

Untuk mempermudah belajar HTML kita buat HTML sederhana. Untuk Program Editor bisa menggunakan
Notepad,Adobe Dreammever dan banyak lainnya, di sini saya mengunakan notepad.

pertama buka notepad ,masukan source code dibawah ini :

<html>
<head>
<title>belajar HTML, www.tutorinformatika.blogspot.com</title>
</head>
<body>
<h1>HTML</h1>
HTML <i>Hyper Text Markup Languange</i> adalah bahasa pengkodeaan untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.
<hr>
Untuk lebih jelas tentang HTML, klik link ini :
<h5>
<ol>
<li><a href="http://tutorinformatika.blogspot.com/2014/07/html.html">HTML </a> </li>
<li><a href="http://tutorinformatika.blogspot.com/2014/07/struktur-dasar-html.html">Struktur </a> </li>
</ol>
</h5>
</body>
</html>

Untuk menampilkan hasilnya, kita buka firefox dan buka file html tersebut.

Penjelasan dari elemen dan tag html yang digunakan untuk program diatas :
1. Perintah HTML digunakan sebagai awalan untuk suatu dokumen html.
2. Perintah HEAD digunakan untuk menunjukkan bagian judul dokumen. Sifatnya opsional (boleh ditulis/tidak)
3. PerintahTITLE digunakan untuk memberikan judul pada masing.masing dokumen. Judul ini akan ditampilkan dibagian atas web browser.
4. Perintah BODY menunjukkan bagian isi dari dokumen html tersebut.
5. Perintah H1 digunakan untuk penetapan besar huruf (heading). Apabila angka yang menyertai huruf H semakin besar, maka huruf semakin kecil.
6. Perintah HR digunakan untuk membuat garis
7. Perintah OL digunakan untuk membuat daftar. LI untuk isi daftar.
8. Perintah A HREF digunakan untuk membuat link.

Elemen dan Tag HTML

Dua komponen utama pembentuk dokumen HTML adalah Elemen dan Tag Dengan adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik

Element

Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen <HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul dokumen astau hubungannya dengan dokumen lain. Elemen-elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftra), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.

Tag

Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir dinyatakan dalam bentuk </nama tag>.

Format umum suatu tag berpasangan adalah :

<nama tag> Teks yang akan ditampilkan </nama tag>

Catatan :

HTML tidak membedakan penulisan huruf besar dan huruf kecil pada penulisan elemen maupun tag. Penulisan <i> dan <I> dianggap sama, campuran antara huruf besar dan kecil pun tidak berpengaruh <i>text</I>
Tidak semua tag didukung oleh semua browser. Jika suatu browser tidak mengenali suatu tag tertentu, browser tersebut akan mengabaikan tag yang tidak dikenalnya dan menuliskan isi di dalam tag tersebut sebagai teks biasa.
Sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I (italic), seperti contoh di bawah ini:
<i> Teks ini akan tercetak miring bila dilihat di browser </i>
Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan tag berikutnya tidak saling tumpang tindih.

Wednesday, July 16, 2014

Struktur Dasar HTML

Dokumen HTML terdiri dari teks-teks dan bahkan lebih dari dari itu. Dokumen HTML juga dapat mengandung suatu gambar, suara, ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan kerangka penulisan dengan tag-tag dasar sebagai berikut HTML, HEAD,TITLE dan BODY.

TAG	FUNGSI
HTML	Untuk penenda bahwa dokumen yang dibuat adalah dokumen web
HEAD	Untuk bagian judul, boleh ada atau tidak
TITLE	Judul untuk masing-masing halaman, ditampilkan diatas browser
BODY	Informasi yang ingin dimunculkan diletakkan di bagian ini

Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tag-tag dasar tersebut

<HTML>
<HEAD>
<TITLE> Judul dokumen </TITLE>
</HEAD>
<BODY>
data-data yang akan di tampilkan
</BODY>
</HTML>

hasilnya seperti ini :

HTML

HTML (Hyper Text Markup Languange) adalah bahasa pengkodeaan untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML terlihat seperti bahasa pengkodean lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.

Untuk Belajar HTML Dasar silahkan klik link dibawah ini :

MEMBUAT PROGRAM JAVA DENGAN MYSQL

package konek;

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.SQLException;

import java.util.logging.Level;

import java.util.logging.Logger;

import javax.swing.JOptionPane;

/**

* @author ASUS

public class koneksi {

private static Connection kon;

public static Connection dapatkan_koneksi(){

if(kon==null){

try{

DriverManager.registerDriver( new com.mysql.jdbc.Driver());

kon=DriverManager.getConnection("jdbc:mysql://localhost:3306/data_ilmukayu","root","" );

}catch(SQLException a){

JOptionPane.showMessageDialog(null, "hidupkan wampserver anda");

Logger.getLogger(koneksi.class.getName()).log(Level.SEVERE, null, a);

}

{

}

return kon;

}