Tampilkan postingan dengan label Dasar HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Dasar HTML. Tampilkan semua postingan

Sabtu, 14 November 2015

Sintaks Dasar HTML

coding

Sebagai sebuah elemen dasar di dalam pemrograman Web, HTML memiliki beberapa aturan - aturan dalam penulisnya yang kesemuanya itu harus kita penuhi dalam penulisnya. Sehingga dengan adanya aturan - aturan tersebut, sebagai seorang programar Web Kita harus konsisten dalam hal penulisan semua Tag - Tag HTML.

HTML memiliki beberapa beberapa sintaks dasar yang hampir mirip dengan semua pemrograman baik yang berbasis Web maupun visual. Kemiripan itu adalah bahwa semua struktur pemrograman harus ada sintaks yang menyatakan program itu dimulai dan diakhiri dengan sintaks. Sebagai contohnya dalam pemrograman Web PHP Kita mengenal tanda <?php sebagai tanda mengenalkan bahwa semua bentuk setelah tanda <?php merupakan halaman isi program PHP dan kemudian untuk menutupnya diakhiri dengan tanda ?>. Selain itu Kita juga dapat mengambil contoh pada pemrograman Pascal yang mendeklarasikan Begin sebagai pertanyaan awal pemrograman dan diakhiri dengan end;. Berikut adalah beberapa yang diperlukan pada saat menuliskan Dokumen HTML.

Tag HTML

Dokumen Tag HTML selalu didahului dengan sebuah Tag yang menandakan bahwa Dokumen tersebut adalah Dokumen HTML. Tag tersebut adalah <html> dengan sintaks penulisannya adalah

<html> . . . isi web . . . </html>

Anda bisa menuliskan sintaks tersebut pada NotePad kemudian Simpan sintaks tersebut dengan type file .html / .htm, dengan demikian semua isi yang ada di dalam Tag HTML akan dianggap sebagai Dokumen HTML.


Tag HEAD

Dalam sebuah halaman HTML, terdapat Tag yang digunakan untuk mengidentifikasi halaman Web, dalam bagian ini terdapat beberapa Tag yang berfungsi untuk mengidentifikasikan judul yang berkaitan dengan halaman Web yang dibuat.

Tag yang berguna untuk mengidentifikasikan judul web adalah Tag TITTLE yang dalam penulisannya seperti berikut ini :

<head>
<tittle> . . . judul web . . .</tittle>
</head>

Selain TITTLE, HEAD juga memiliki Elemen yang berguna untuk memberikan informasi yang berhubungan dengan  halaman Web HTML tersebut, Tag yang digunakan untuk mengidentifikasikan informasi halaman Web tersebut adalah META dengan penggunaan seperti berikut :

<META Atribut="Value">

Atribut yang digunakan di dalam Tag META :


Atribut Value Keterangan
name text Digunakan untuk mendeklarasikan kedudukan pengisi, ,misalnya : "Programmer"
content text Menjelaskan dari judul yang dideklarasikan pada Atribut Name
http-eqiuv text Untuk mendeklarasikan Atribut Server HTTP

Contoh penggunaan Meta di dalam aplikasi web yang berkaitan dengan programmernya (pembuat program):

<meta name="programmer" content="rochmad tege">

Atau

<meta http-equiv="expires" content="wed, 15 November 2015 12:05:00 gmt">

Dari Tag di atas Kita peroleh keterangan bahwa Program tersebut dibuat oleh Programmer bernama rochmad tege, dan dibuat pada bulan November 2015, jam 12.05.

HTML adalah

html, web, coding, script,

HTML adalah kependekan dari (HyperText Markup Language), merupakan sebuah bahasa Scripting yang berguna untuk menuliskan halaman Web. Pada halaman Web, HTML dijadikan sebagai Bahasa Script dasar yang berjalan bersama berbagai bahasa Scripting Pemrograman yang lainnya.

Semua Tag - Tag HTML bersidat dinamis, artinya kode HTML tidak dapat dijadikan sebagai file Executable program. Hal ini disebabkan HTML hanyalh sebuah Bahasa Scripting yang dapat berjalan apabila dijalankan di dalam browser (pengakses web), Browser - beowser yang mendukung HTML antara lain : Internet Explorer, Netscape Navigator, Opera, Mozila dan lain - lain. Jadi ketika ingin membuka halaman yang berasal dari HTML Anda dapat melihat bentuk pengkodeannya dengan cara mengklik menu View -> Source, maka disana akan ditampilkan semua Tag beserta isi dari halaman Web tersebut.

Semua bahasa Scripting yang berjalan di bawah Web dapat di dukung oleh HTML, biasanya bahasa - bahasa tersebut melakukan Embeded Script pada Tag- Tag HTML. Di sini saya akan mengulas mengenai bahasa pemrograman PHP yang berada di dalam Tag - Tag HTML.

contoh program html

Karena HTML hanyalah sebuah kode Scripting dan bukan merupakan program Kompiler maka Anda dapat menuliskan semua kode - kode program dengan menggunakan Editor yang Anda sukai, adapun Editor yang dapat digunakan adalah Macromedia Dreamwever, Front Page, Home Site atau Anda juga dapat menggunakan NotePad sebagai Editor standart bawaan Windows. Jika Andamenggunakan Linux sebagai Sistem Operasinya Anda dapat mc edit, joe, vi sebagai Editornya ataupun Quanta pada GUI nya. Untuk penulis sendiri menggunakan Macromedia Dreamwever untuk sebagai media Editornya.

Di dalam Bab ini Kita hanya akan membahas beberapa Tag HTML yang berkaitan dengan pembahasan inti ini. Jika Anda belum mengerti dengan penjelasan dari bab ini maka penulis mengharuskan untuk membaca referensi dari sumber yang lain atau juga dapat Anda baca pada Web Site www.w3c.org 

Pengenalan WWW (Word Wide Web)

url, address, link

Internet adalah sebuah solusi jaringan yang dapat menghubungkan beberapa jaringan Local yang ada pada suatu Daerah, Kota, atau bahkan pada suatu Negara. Dengan adanya internet kita dapat menghubungkan beberapa jaringan Local yang ada pada setiap tempat. Tidak hanya itu juga dengan adanya internet setiap orang dapat melakukan kegiatan apa saja seperti mengirim E-mail, mencari data, bermain game, akses bank, atau bahkan melakukan pembelanjaan pada Toko Online antar Negara.

Untuk dapat menghubungkan beberapa komputer sehingga menjadi sebuah kelompok jaringan, Kita membutuhkan suatu media penghubung yang bernama TCP/IP, yaitu sebuah protokol yang mengidentifikasi sebuah komputer yang terhubung di dalam jaringan. TCP/IP memiliki teknik mengidentifikasi dengan menggunakan Penomoran yang dinamakan Nomor IP / IP Address (Internet Protokol Address). Dengan menggunakan Nomor ini sebuah komputer dapat terhubung dengan komputer lain dalam sebuah jaringan atau dalam jaringan global yang disebut Internet.

Selain Ghoper, WWW atau yang sering disebut Word Wide Web (Jaringan Dunia Luas) adalah sebuah jaringan dari internet yang sangat dikenal dalam dunia internet, dengan adanya WWW seorang pengguna dapat menampilkan sebuah  halaman Virtual yang disebut dengan Web Site.

Jika dilihat dari proses kerjanya WWW (Word Wide Web) dapat dibagi menjadi beberapa komponen sebagai berikut :

Protokol
: adalah media yang distandarkan untuk dapat mengakses komputer di dalam sebuah jaringan. Halaman yang dapat diakses adalah halaman Web Site. WWW memiliki standar Protokol yang bernama HTTP atau (Hypertext Transfer Protokol). Dengan menggunakan protokol ini sebuah halaman yang berada dalam komputer jaringan dapat dibuka dan diakses.
Address
: Merupakan alamat yang berkaitan dengan penamaan sebuah komputer di dalam jaringan. Alamat ini sebenarnya merupakan sebuah Nomor yang memiliki sebuah komputer yang sering disebut dengan Nomor IP, akan tetapi dengan adanya perkembangan jaman, maka dibentuklah metode baru yang bernama Domain Name, sehingga No IP tersebut digantikan dengan sebuah alamat yang dinamakan URL (Uniform Resource Locator) yang berkaitan dengan nama suatu instansi pemilik komputer tersebut misalnya, http://www.google.co.id.
HTML
: Selain dari kedua media tersebut masih membutuhkan sebuah media lagi yaitu HTML (HyperText Markup Language), yaitu sebuah bahasa Scripting yang dapat menghasilkan halaman Web Site sehingga halaman tersebut bisa diakses pada setiap komputer pengakses (Client).

Dari beberapa komponen yang berkaitan dengan WWW di atas dapat dijelaskan dengan penggambaran seperti beikut :

url
Gambar : Hubungan antara Protokol, Address, dan HTML

Pada gambar di atas menggunakan alamat dengan adanya sub path direktori yang ditandai dengan tanda (~), yaitu /~bun10026/ merupakan alamat path yang ada di dalam Server. Pada gambar protocol di atas juga masih dapat dibagi menjadi beberapa bentuk lagi yaitu :

http
: Protocol yang digunakan untuk mendapatkan informasi pada server www.
ftp
: Protocol yang digunakan untuk mendapatkan informasi pada server ftp
file
: Protocol yang digunakan untuk mendapatkan informasi pada sistem lokal
mailto
: Protocol yang digunakan untuk mendapatkan link ke pelayanan E-mail Server. Misalnya : http://gmail.com
news
: Protocol yang digukana untuk mendapatkan link (hubungan) ke pelayanan newsgroup
telnet
: Protocol yang digunakan untuk mendapatkan link (hubungan) ke pelayanan telnet