Pengertian HTML | XHTML | XML



HTML (Hypertext Markup Language)merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
Pengertian HTML bila di jabarkan berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.
Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.
Artikel ini merupakan artikel pendahuluan sehubungan dengan tutorial HTML dasar bagi para pengguna internet yang ingin membuat homepage pribadi sendiri.  Karena itu, yang dibahas kali ini hanya pengenalan singkat tentang HTML dan beberapa perangkat lunak.  Pada artikel yang mendatang akan dibahas elemen HTML lainnya.  Semoga artikel ini berguna bagi para pengguna internet.
Definisi HTML
HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm. 
Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html. 
Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:
<HTML>
<BODY> Hello ... nama saya Bagong</BODY>
</HTML>
Hasilnya adalah seperti ini.
Browser
Browser adalah program yang dipakai untuk membaca dokumen HTML pada WWW. Contoh browser ini antara lain: Netscape Navigator, Internet Explorer, Opera, Mozilla, Conqueror, NCSA Mosaic, Cello, Lynx, SlipKnot, dan sebagainya.

Pengertian HTML Tag
Tag dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, <seperti ini>. dipakai untuk mendeskripsikan sesuatu tentang dokumen HTML.
Tag diletakkan dalam kurung, <seperti ini>.
Tag ada 2 macam; tag tunggal dan tag berpasangan. Perbedaannya, kalau tag tunggal munculnya sendiri, sedangkan tag yang berpasangan harus ada bagian yang mengawali dan mengakhiri.  Bagian yang mengakhiri sama dengan yang mengawali, tapi diawali dengan garis miring (/).
 
Contoh tag tunggal:
  • <P> menandai akhir dari sebuah paragraf
  • <BR> menandai akhir sebuah baris.
  • <HR> membuat sebuah garis horisontal.
Contoh tag berpasangan:
  • <BODY> dan </BODY> menandai awal dan akhir dari tubuh dokumen.
  • <B> dan </B> untuk membuat karakter cetak tebal.
  • <I> dan </I> untuk membuat karakter cetak miring.
HTML Editor
Dokumen HTML bisa dibuat dengan menggunakan text editor biasa ataupun dengan editor khusus.
Contoh-contoh HTML Editor :
·         Microsoft Frontpage 
·         Macromedia Dreamweaver
·         Netscape Navigator Gold
·         Netscape Composer
·         HotDog
·         CU-HTML, dll
URLs
URL merupakan singkatan dari Uniform Resource Locator. Menginformasikan lokasi sebuah file pada WWW dan juga mengidentifikasi layanan internet, seperti FTP, WWW, yang menghandle file tsb. Istilah ini juga dipakai untuk menunjukkan suatu tempat yang berisikan informasi di Internet spt di bawah :


Keterangan : 
Protocol
adalah metode transfer data dari satu komputer ke komputer lain. Antara komputer client dan komputer server. 
·         HTTP; HyperText Transfer Protocol
·         Gopher
·         FTP
·         news
Network location adalah mesin tempat data tersebut berada.
path - dokumen - menunjukkan di direktori mana dokumen tersebut berada.
File name adalah nama file html yang berada dalam direktori web server.
Struktur Dokumen HTML
Format dasar dari dokumen HTML adalah sebagai berikut:
<HTML>
<HEAD>
<TITLE>Judul berada di sini</TITLE>
</HEAD>
<BODY>
   dokumen utama
</BODY>
</HTML>
Hasilnya kalau dilihat dengan MS Internet Explorer 4.01 adalah seperti ini.
atau
<html>(-- always start your document with this tag
<head>
(-- recommend having the <head> and </head> tags
<title>Give a title for your HTML document</title>
           (-- always have a title for your document
(-- to allow search engines to search and find your page correctly
<meta name="description" content="good description of your page">
<meta name="keywords" content="keywords separated by commas">
</head>

<body>
The HTML document proper. Here will be the actual HTML document with the hypertext links, images and formating tags. Put this part within the body tags.
</body>

</html>
(-- always end your HTML document with this tag




Pengertian XHTML
XHTML adalah Gabungan dari XML (Extensible Markup Language) dan HTML (HyperText Markup Languang), jadi dapat di artikan Extensible HyperText Markup Language (XHTML) bentuk HTML dikombinasikan dengan sintaks XML. Secara umum dalam penulisannya hampir sama dengan HTML, hanya memiliki aturan yang ketat, berikut secara umum penulisan XHTML :
Penulisan XHTML :
  • Penulisannya harus selalu  ditutup
    • <p> contoh tulisan </p>
    • <br />
    • <hr />
  • Penulisan harus huruf kecil
    • <body>
    • <p>teks</p>
    • </body>
  • Penulisan hanya memiliki satu elemen
    • <html>
    • <head>...</head>
    • <body>
    • ...
    • </body>
    • </html>
  • Penulisan atribut harus dalam quote ("")
    • <table width="100%">
  • Penulisan atribut tidak dapat disederhanakan
    • <input checked="checked" />
    • <option selected="selected" />
  • Penulisan atribut NAME dapat diganti dengan ID atau di gunakan ke dua-duanya
    • <img src"" id="namegambar">
Elemen yang wajib / minimal di XHTML :
  • DOCTYPE
  • head
  • body
 
XML (eXtended Markup Language) adalah bahasa markup yang digunakan untuk menyimpan data (tidak ada program) dan tidak tergantung dengan tools tertentu (seperti editor, dbms, compiler, dsb). Jika demikian, Lalu digunakan untuk apa dokumen XML ini?

XML adalah merupakan suatu bahasa Markup. Markup yaitu bahasa yang berisikan kode-kode berupa tanda-tanda tertentu dengan aturan tertentu untuk memformat dokumen teks dengan tag sendiri agar dapat dimengerti.

Perbedaan antara XML dan HTML
Perlu di ingat bahwa:

XML bukan merupakan pengganti HTML.
XML dan HTML yang dirancang dengan tujuan yang berbeda:
XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data.
HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat.

HTML adalah tentang menampilkan informasi, sedangkan XML adalah membawa informasi tentang.

Keuntungan XML
- Ekstensibilitas : dapat ditukar/digabung dengan dokumen XML lain
- Memungkinkan pemrograman yang lebih baik:
   maka dibuat suatu software pengolah XML

- Memisahkan data dan presentasi. Yang akan direpresentasikan dalam XML dan XSLT
- Pencarian data cepat karena XML merupakan data dalam format yang terstruktur
- Plain Text dan platform independent
- Untuk pertukaran data

Dokumen XML dapat digunakan untuk berbagai macam tujuan, seperti:
- Sebagai penyimpan data (database) yang mudah dibaca oleh user karena disimpan dalam       bentuk teks.
- Standard transfer data, dapat digunakan untuk pengiriman data transaksi antar perusahaan, atau mentransfer data dari DBMS yang berbeda (mis: Oracle ke SQL Server).
- Sebagai acuan membuat bahasa baru, seperti WML (Wireless Markup Language) yang      digunakan pada mobile device dengan protokol WAP, atau VoiceXML yang digunakan sebagai bahasa markup untuk pengenalan suara, dialog, aplikasi interaksi respon suara maupun DTMF (seperti aplikasi pengisian pulsa atau call center), dan sebagainya.
- Sebagai file konfigurasi, di Java dokumen-dokumen XML sering kita jumpai seperti file server.xml dan web.xml yang digunakan Tomcat, atau perintah-perintah query yang disimpan dalam file XML yang dipakai pada framework iBatis atau Hibernate.

Sejauh mana perkembangannya?XML menjadi dasar dari beberapa bahasa markup yang telah sedang berkembang sampai saat ini, seperti: XHTML (perbaikan dari HTML), VoiceXML (bahasa untuk aplikasi suara, telepon), XForms (form pada web yang dapat digunakan pada berbagai macam jenis browser, seperti: desktop, PDA , handphone, kertas), XPath, XPointer, XSL dan XSLT (transformasi dan presentasi XML).

Atau lebih jelasnya kunjungi :

referensi    :
http://agenilmu.blogspot.com/2009/04/pengertian-singkat-xml.html
http://www.imanmaulana.com/artikel/XHTML/315431192119/Pengertian-XHTML
http://otakkacau.net/2011/07/27/pengertian-html-pengenalan-html/
http://faculty.petra.ac.id/ido/tutorial/html/sekilas_html.htm

Beberapa Hal Perbedaan Windows Dan Linux

Beberapa Hal Perbedaan Windows Dan Linux

Sebagai Sistem Operasi server, Linux dirancang untuk tidak sering dimatikan dalam pengoperasiannya. Pencegahan Memory Leak di linux mendapat porsi perhatian yang lebih besar dibanding Windows. Artinya ketersediaan porsi memori yang digunakan boleh berkurang pada windows karena dalam waktu tidak lama sistem akan dijalankan mulai dari awal lagi.

1. Awal Perkembangannya

Windows berkembang dari dunia komputer mikro yang serba personal. Karena khusus untuk kebutuhan desktop, Windows sangat memfokuskan diri pada kesederhanaan penggunaan (Home Edition)

Linux berkembang dari dunia UNIX dengan segala perkembangan multi-tasking dan multi-usernya. Dengan kata lain linux dirancang dengan karakteristik server atau workstation high end. Linux dikembangkan dengan kemampuan jaringan cukup tinggi dan sejak awal dikembangkan sudah berusaha untuk berjalan pada berbagai arsitektur komputer, sehingga linux tidak menjadikan kebutuhan desktop sebagai kebutuhan besar.

2. Hak Atas Kekayaaan Intelektual

Hampir semua berbagai program-program pada windows mempunyai kepemilikan lisensinya (rata-rata $200 USD) merupakan syarat mutlak untuk penggunaanya.

Sementara linux dan program-program dilain pihak berlisensi gratis dan justru mendorong para penggunanya untuk meyebarluaskan perangkat lunak tersebut.

3. Kelengkapan Program

Windows tidak menyediakan banyak program setelah diinstal kalaupuna ada mungkin hanya Internet Explorer,Windows Media Player,Notepad dan beberapa program kecil lainnya. Sekalipun linux setelah diinstal akan ditemui banyak program dari semua hampir kategori program seperti Office Suite,Multimedia(sound,graphic,video),Internet(Browser,Email,Chat,Download Messenger,Torrent,News),3D,Games,dan Utillity dll.

4. Program Aplikasi

Windows unggul untuk aplikasi Office-nya, diakui Microsoft Office termasuk tool yang sangat mudah untuk digunakan bekerja di PC seperti membuat laporan,presentasi,agenda,dll. Pada linux unggul dalam aplikasi Web Server,Proxy Server,Firewall,Mail Server,Samba,dll. Sementara komunitas linux juga berusaha keras untuk mengejar ketinggalannya dalam aplikasi Office-nya dengan mengembangkan Star Office yang di motori oleh Sun Microsystem agar dapat digunakan secara cuma-cuma di atas linux


5. Konfigurasi Sistem

Berbeda dengan program windows yang sudah siap pakai, di linux adakalanya kita perlu menyunting file secara manual melalui command line.

6. Dukungan Perangkat Keras

Tidak seperti kemudahan yang ditemukan di windows, terkadang suatu hardware tidak dapat bekerja dengan maksimal di linux. Hal ini bisa terjadi karena pembuat hardware tidak menyediakan driver untuk linux, Untungnya belakangan ini sudah banyak beberapa vendor yang memberikan dukungan driver untuk linux dan pengenalan linux akan hardware semakin lama semakin meningkat sehingga mulai jarang terdengar permasalahan hardware di linux.


7. Sistem File

Windows menggunakan FAT dan NTFS dan windows juga tidak bisa membaca file sistem linux(tanpa memanfaatkan program terpisah). Sementara linux menggunakan ext2,ext3,reiserfs,xfs,jfx dan lain sebagainya serta linux juga dapat membaca dan menulis di FAT32 dan NTFS. Biasanya linux istilah drive tidak digunakan yang digunakan adalah direktori biasa.Apabila dibandingkan dengan windows, linux mengenal direktori root (disimbolkan dengan /) yang didalamnya terdapat berbagai direktori dan device.

8. Sistem Distribusi

Windows hanya mengenal satu distribusi yaitu Microsoft, sementara linux mengenal banyak distribusi yang merupakan kumpulan kernel linux pustaka-pustaka sistem dan software yang dibungkus dengan prosedur tertentu.



Tutorial Java

Java Source Code

#Menghitung Luas persegi panjang

import java.io.InputStreamReader;
import java.io.IOException;
public class cobapersegipanjag {
public static void main (String[ ] args) {
int panjang = 10;
int lebar = 20;
System.out.println ("LUAS PERSEGIPANJANG");
int Luas = panjang*lebar;
System.out.println("Luas adalah " + Luas);
}
}

#Menghitung luaspersegi panjang versi 2

import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.io.IOException;
public class luaspersegipanjang
{

public static void main( String[] args ) throws IOException {
BufferedReader dataIn = new BufferedReader(new InputStreamReader( System.in) );
int panjang,lebar,Luas;
System.out.println ("LUAS PERSEGIPANJANG");
System.out.print ("Masukan panjang = ");
panjang = Integer.parseInt(dataIn.readLine());
System.out.print ("Masukan lebar = ");
lebar = Integer.parseInt(dataIn.readLine());
Luas = panjang*lebar;
System.out.println("Luas adalah " + Luas);

}
}

PAKAN LELE ALAMI BUKAN KIMIA DI PRODUKSI DI SMK TUNAS HARAPAN

Anda petani ikan lele... Selama ini pasti anda menggunakan pakan yang mengandung kimia, ya tenttunya secara sedikit demi sedikit akan mempengaruhi tingkat kesehatan konsumer, yaitu kita manusia. Alhamdulillah dengan kreatifitas dan pemikirian yang cemerlang, siswa-siswa SMK Tunas Harapan telah berhasil meneliti dan memproduksi sebuah pakan ikan lele yang terbuat dari bahan Alami dan mengandung nutrisi. dan sudah teruji di Laboratorium Kimia Analisis SMK Tunas Harapan Pati. Anda berminat   segera hubungi Unit Produksi Kimia Analisis SMK Tunas Harapan Pati.

Setting Router Mikrotik

Setting Router Mikrotik

Langkah-langkah berikut adalah dasar-dasar setup mikrotik yang dikonfigurasikan untuk jaringan
sederhana sebagai gateway server.
1. Langkah pertama adalah install Mikrotik RouterOS pada PC atau pasang DOM.
2. Login Pada Mikrotik Routers melalui console :
MikroTik v2.9.7
Login: admin <enter>
Password: (kosongkan) <enter>
Sampai langkah ini kita sudah bisa masuk pada mesin Mikrotik. User default adalah admin
dan tanpa password, tinggal ketik admin kemudian tekan tombol enter.
3. Untuk keamanan ganti password default
[admin@Mikrotik] > password
old password: *****
new password: *****
retype new password: *****
[admin@ Mikrotik]] >
4. Mengganti nama Mikrotik Router, pada langkah ini nama server akan diganti menjadi “telsa” (nama ini sih bebas2 aja mo diganti)
[admin@Mikrotik] > system identity set name=telsa
[admin@telsa] >
5. Melihat interface pada Mikrotik Router

[admin@telsa] > interface print
Flags: X - disabled, D - dynamic, R - running
# NAME TYPE RX-RATE TX-RATE MTU
0 R ether1 ether 0 0 1500
1 R ether2 ether 0 0 1500
[admin@telsa] >
6. Memberikan IP address pada interface Mikrotik.
Misalkan ether1 akan kita gunakan untuk koneksi ke Internet dengan IP 192.168.0.1 dan ether2 akan kita gunakan untuk network local kita dengan IP 172.16.0.1
[admin@telsa] > ip address add address=192.168.0.1
netmask=255.255.255.0 interface=ether1
[admin@telsa] > ip address add address=172.16.0.1
netmask=255.255.255.0 interface=ether2
7. Melihat konfigurasi IP address yang sudah kita berikan
[admin@telsa] >ip address print
Flags: X - disabled, I - invalid, D - dynamic
# ADDRESS NETWORK BROADCAST INTERFACE
0 192.168.0.1/24 192.168.0.0 192.168.0.63 ether1
1 172.16.0.1/24 172.16.0.0 172.16.0.255 ether2
[admin@telsa] >
8. Memberikan default Gateway, diasumsikan gateway untuk koneksi internet adalah 192.168.0.254
[admin@telsa] > /ip route add gateway=192.168.0.254
9. Melihat Tabel routing pada Mikrotik Routers
[admin@telsa] > ip route print
Flags: X - disabled, A - active, D - dynamic,
C - connect, S - static, r - rip, b - bgp, o - ospf
# DST-ADDRESS PREFSRC G GATEWAY DISTANCE INTERFACE
0 ADC 172.16.0.0/24 172.16.0.1 ether2
1 ADC 192.168.0.0/26 192.168.0.1 ether1
2 A S 0.0.0.0/0 r 192.168.0.254 ether1
[admin@telsa] >
10. Tes Ping ke Gateway untuk memastikan konfigurasi sudah benar
[admin@telsa] > ping 192.168.0.254
192.168.0.254 64 byte ping: ttl=64 time<1 ms
192.168.0.254 64 byte ping: ttl=64 time<1 ms
2 packets transmitted, 2 packets received, 0% packet loss
round-trip min/avg/max = 0/0.0/0 ms
[admin@telsa] >
11. Setup DNS pada Mikrotik Routers
[admin@telsa] > ip dns set primary-dns=192.168.0.10 allow-remoterequests=no
[admin@telsa] > ip dns set secondary-dns=192.168.0.11 allow-remoterequests=no
12. Melihat konfigurasi DNS
[admin@telsa] > ip dns print
primary-dns: 192.168.0.10
secondary-dns: 192.168.0.11
allow-remote-requests: no
cache-size: 2048KiB
cache-max-ttl: 1w
cache-used: 16KiB
[admin@telsa] >
13. Tes untuk akses domain, misalnya dengan ping nama domain
[admin@telsa] > ping yahoo.com
216.109.112.135 64 byte ping: ttl=48 time=250 ms
10 packets transmitted, 10 packets received, 0% packet loss
round-trip min/avg/max = 571/571.0/571 ms
[admin@telsa] >
Jika sudah berhasil reply berarti seting DNS sudah benar.
14. Setup Masquerading,
Jika Mikrotik akan kita pergunakan sebagai gateway server maka agar client computer pada network dapat terkoneksi ke internet perlu kita masquerading.
[admin@telsa]> ip firewall nat add action=masquerade outinterface=
ether1 chain:srcnat
[admin@telsa] >
15. Melihat konfigurasi Masquerading
[admin@telsa]ip firewall nat print
Flags: X - disabled, I - invalid, D - dynamic
0 chain=srcnat out-interface=ether1 action=masquerade
[admin@telsa] >
Setelah langkah ini bisa dilakukan pemeriksaan untuk koneksi dari jaringan local. Dan jika berhasil berarti kita sudah berhasil melakukan instalasi Mikrotik Router sebagai Gateway server. Setelah terkoneksi dengan jaringan Mikrotik dapat dimanage menggunakan WinBox
yang bisa di download dari Mikrotik.com atau dari server mikrotik kita.
Misal Ip address server
mikrotik kita 192.168.0.1, via browser buka http://192.168.0.1 dan download WinBox dari situ.
Jika kita menginginkan client mendapatkan IP address secara otomatis maka perlu kita setup dhcp server pada Mikrotik. Berikut langkah-langkahnya :
1.Buat IP address pool
/ip pool add name=dhcp-pool ranges=172.16.0.10-172.16.0.20
2. Tambahkan DHCP Network dan gatewaynya yang akan didistribusikan ke client
Pada contoh ini networknya adalah 172.16.0.0/24 dan gatewaynya 172.16.0.1
/ip dhcp-server network add address=172.16.0.0/24 gateway=172.16.0.1
3. Tambahkan DHCP Server
( pada contoh ini dhcp diterapkan pada interface ether2 )
/ip dhcp-server add interface=ether2 address-pool=dhcp-pool
4. Lihat status DHCP server
[admin@telsa]> ip dhcp-server print
Flags: X - disabled, I - invalid
# NAME INTERFACE RELAY ADDRESS-POOL LEASE-TIME ADD-ARP
0 X dhcp1 ether2
Tanda X menyatakan bahwa DHCP server belum enable maka perlu dienablekan terlebih dahulu pada langkah 5.
5. Jangan Lupa dibuat enable dulu dhcp servernya
/ip dhcp-server enable 0
kemudian cek kembali dhcp-server seperti langkah 4, jika tanda X sudah tidak ada berarti sudah aktif.
6. Tes Dari client
c:\>ping www.yahoo.com
untuk bandwith controller, bisa dengan sistem simple queue ataupun bisa dengan mangle
[admin@telsa] queue simple> add name=Komputer01
interface=ether2 target-address=172.16.0.1/24 max-limit=65536/131072
[admin@telsa] queue simple> add name=Komputer02
interface=ether2 target-address=172.16.0.2/24 max-limit=65536/131072
dan seterusnya…