Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Megenal Lebih Jauh Tentang HTML

Heri Lesmana 5:24 AM Add Comment
Mengenal Lebih Jauh Tentang HTML. Tag tag html. Pertama-tama tak lupa saya panjatkan puji beserta syukur kehadirat Allah SWT, yang telah memberikan kesempatan hidup lebih panjang terhadap saya, sehingga saya bisa menulis artikel ini. Solawat beserta salam akan selalu tercurah limpahkan terhadap jungjunan kita,  yaitu nabi kita semua nabi Muhammad SAW.

Megenal Lebih Jauh Tentang HTML
http://uvweb.blogspot.com/
Oke sobat, saya akan menjelaskan sejelas mungkin apa itu HTML. Saya akan mulai dari pengertian HTML itu sendiri.

Pengertian HTML (HyperText Makup Language).

HTML (HyperText Makup Language) Adalah sebuah bahasa markup yang berisi simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang bertujuan untuk menampilakan halaman pada sebuah browser. Tag-tag HTLM sebagian besar selalu diawali dengan <x> dan diakhiri dengan </x> dimana x adalah tag HTML seperti tag <b>, tag <i>, tag <u> dan yang lainnya. Namun ada juga tag HTML yang tidak diakhiri dengan </x>, seperti tag <input  />, tag <br /> dan yang lainnya.

Sebuah file HTML pada dasarnya selalu diawali dengan tag <html> dan diakhiri dengan tag </html>. File-file HTML selalu berextensi *.htm atau *.html. Dalam HTML penggunaan huruf besar dan kecil tidak ada bedanya sebaga contoh, tag <b> sama dengan tag <B>.
Menggunakan tag HTML.

Beberapa contoh penggunaan tag HTML sebagai berikut.
Contoh
Hasil pada browser
<b>Ini tulisan tabal</b>
Ini tulisan tabal
<i>Ini tulisan miring</i>
Ini tulisan miring
<u>Ini tulisan bergaris bawah</u>
Ini tulisan bergaris bawah
Baris 1<br /> Baris 2
Baris 1
Baris 2

Ada beberapa tag yang memiliki atribut di dalamnya, seperti tag <p>, tag <font>, tag <table>, tag <input /> dan yang lainnya. Sebagai contoh, pada tag <font> memiliki beberapat atribut, diantaranya atribut : face, color, size. Untuk lebih memahami tentang atribut ini, silahkan perhatikan contoh penggunaan atribut pada tag <font> dibawah ini.

Code : <font face=”times new roman” color=”blue” size=”14px”>Ini adalah tulisan dengan huruf Times New Roman berwarna biru dan berukuran 14 pixel</font>

Jika dibuka pada browser hasilnya seperti berikut : Ini adalah tulisan dengan huruf Times New Roman berwarna biru dan berukuran 14 pixel
Atribut face digunakan untuk menentukan jenis huruf.
Atribut color digunakan untuk menentukan warna huruf.
Atribut size digunakan untuk menentukan ukuran huruf.
Sobat bisa melihat, pada contoh diatas atribut face dituliskan diawal, kemudian yang kedua dituliskan atribut color kemudian atribut size. Sobat tidak perlu memperdulikan urutan tersebut, karena browser hanya membaca isi dari properti bukan urutan atributnya.
Daftar Tag HTML :

  • Tag Utama
Tag Atribut Deskripsi
<html></html> Baris paling atas dari setiap file HTML
<head></head> Informasi umum dari sebuah halaman web
<title></title> Judul halaman. Terdapat pada head
<body></body> Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth Settingan atribut untuk seluruh dokumen

Modifikasi Teks
Tag Deskripsi Contoh
<b></b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
<pre></pre> Preformatted teks Contoh teks
<h1></h1> Header 1

Header 1

<h2></h2> Header 2

Header 2

<h3> </h3> Header 3

Header 3

<h4></h4> Header 4

Header 4

<h5></h5> Header 5
Header 5
<h6></h6> Header 6
Header 6
<sub></sub> Subscript Subscript
<sup></sup> Superscript Superscript

Font
Tag Atribut Deskripsi
<font></font> Color, size, name Mengubah gaya suatu huruf

Links
Tag Atribut Deskripsi
<a> </a> Href, target, style, class, name, id Membuat link ke dokumen atau situs lainnya

Gambar
Tag Atribut Deskripsi
<img> Src, alt, name, border, height, width Menampilkan sebuah gambar

Formatting
Tag Deskripsi Contoh
<blockquote></blockquote> Digunakan untuk mengatur text dan gambar dalam suatu tag Contoh text in a block quote format ( “ “ )
<ol></ol> Ordered List (digunakan dengan <li>) 1. Item 1
<ul></ul> Unordered List (digunakan dengan <li>) • Item 1
<li> Elemen List
<dd></dd> Definition List
<dt> Definition Term
<dd> Definition Description
<p></p> Paragraf
<br> Ganti baris
<hr> Garis horizonta
<center></center> Menengahkan elemen

Tabel
Tag Deskripsi Contoh
<table></table> Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign Mengatur semua elemen table
<tr></tr> Height, bgcolor, background, align, valign, title Membuat baris baru
<td></td> Height, width, bgcolor, background, align, valign, title, colspan, rowspan Membuat kolom
<th></th> Height, width, bgcolor, background, align, valign, title, colspan, rowspan Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody> Height, width, align, valign, bgcolor, background Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup> Height, width, align, valign, bgcolor, background, colspan Format yang berlaku bagi kolom

Form
Tag Deskripsi Contoh
<form></form> Method, action, name, enctype Mengatur elemen dari form
<input type=> Text, password, hidden, radio, checkbox, submit, image, reset Variasi dari tipe elemen input dalam form
<select></select> Name, size Membuat combo-box. Digunakan bersama dengan option
<option> Selected, name, value
<textarea></textarea> Name, rows, cols, wrap Membuat Text Area untuk input text dengan length yang lebih besar dari input text.

Tag yang diatas belum lengkap ya sob,,

Pusing?? Gak usah pusing!! Tag tag diatas tidak perlu di hafal semuanya. Cuup hafal yang pentingnya saja dulu seperti <table>, <form>, <ul>/ Kalo yang lainnya kan nanti bisa lihat lagi kesini :)

Itulah artikel Mengenal lebih jauh tentang HTML. Walaupun tidak lengkap,, tapi semoga bermanfaat...

Sekilas Tentang Pemrograman Berbasis Web

Heri Lesmana 7:21 AM Add Comment
Sekilas Tentang Pemrograman Berbasis Web. Di antara kita banyak yang menyebutkan istilah Pemrograman berbasis Web, tapi tahukah kamu apa sebenarnya makna dibalik kata tersebut?? Oke, akan sedikit saya jelaskan tentang pemrograman berbasis web tersebut.

Sekilas Tentang Pemrograman Berbasis Web
http://uvweb.blogspot.com/
       Pemrograman berbasis web terdiri dari tiga kata, kata yang pertama yaitu Pemrograman yang berarti proses membuat suatu program, kata yang kedua adalah Berbasis, yang berarti Berdasar kepada. Dan kata yang terakhir adalah Web, yang memiliki arti halaman atau situs yang memiliki berbagai informasi seperti text, audio, video dan lain sebagainya melalui protokol transfer hypertext. Dari arti yang diambil dari tiga kata diatas, dapat disimpulkan bahwa pemrograman berbasis web adalah proses membuat suatu program yang berdasar kepada halaman atau situs yang berisi informasi seperti text, audio, video dan yang lainnya.

       Untuk membuat sebuah program, diperlukan sebuah bahasa pemrograman tertentu. Bahasa pemrograman adalah bahasa yang digunakan oleh programmer untuk membuat sebuah program. Sedangkan Programmer sendiri dalam artian sempit adalah orang yang membuat program. Ada banyak bahasa pemrograman yang dapat digunakan untuk membuat program berbasis web, diantaranya :

1. HTML (HyperText Markup Language).

html
        HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah web yang berisi informasi. File HTML dibangun dari tag tag html sehingga menghasilkan sebuah Home Page. Untuk mengetahui lebih banyak tentang HTML silahkan lihat Mengenal HTML.

2. PHP (Hypertext Processor).
php
       Kepanjangan dari PHP adalah Hypertext Processor, agak aneh memang, tapi entahlah. PHP merupakan sebuah bahasa script yang dapat disisipkan bersamaan dengan tag html. PHP pertamakali dibuat pada tahun 1995 oleh seorang software developer yang bernama Rasmus Ledrof. Setelah dirilis untuk mumum, bahasa ini banyak diminati dan banya programmer yang ingin mengembangkan bahasa ini, sehingga bahasa inipun menjadi semakin baik. Saat ini pun PHP sudah memasukan pemrograman berorientasi object pada versi terakhirnya. Utuk mengetahui lebih banyak tentang PHP, silahkan kunjungi Mengenal PHP.

3. Javascript.
javascript
       Javascript merupakan bahasa yang dapat disisipkan pada tag html dengan menggunakan tag script. Javascript pertamakali dikembangkan oleh Brendan Eich. Walaupun namanya Javascript, bahasa pemrograman ini tidak ada hubungannya sama sekali dengan bahasa pemrograman java. Fungsi yang paling utama dari bahasa pemrograman javascript yaitu untuk membuat Ajax.

4. CSS (Cascading Style Sheet).
css
      CSS merupakan salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam sebuah halaman web, supaya lebih terstruktur dan seragam. Atau lebih jelasnya css digunakan untuk mendesain sebuah halaman web. CSS sendiri merupakan teknologi internet yang di rekomendasiken oleh Word Wide Web Consortium pada tahun 1996. Untuk mengetahui lebih lanjut tentang CSS, silahkan baca Mengenal CSS.


Sebenarnya masih banya bahasa pemrograman web yang ada saat ini, seperti ASP, XML, WML, PERL, CFM dan yang lainnya, namun yang akan kita pelajari mungkin hanya beberapa bahasa pemrograman diatas.

Jadi kesimpulannya Pemrograman berbasis Web adalah proses membuat suatu program yang berdasar pada halaman yang berisi informasi dengan menggunakan bahasa pemrograman yang telah disebutkan diatas. Semoga bermanfaat, terimakasih...