Web Programming

Megenal Lebih Jauh Tentang HTML

2015-07-09T05:24:00.000+07:00

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.

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

2015-07-06T07:21:00.000+07:00

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.

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 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).

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

Tentang

2015-07-05T17:38:00.000+07:00

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Tentang blog UVweb.blogspot.com. Blog berjudul "Web Programming" yang insya Allah akan diisi dengan artikel artikel yang berkaitan dengan Pemrograman berbasis Web, mulai dari yang paling mudah, menengah hingga yang paling sulit mungkin. Saya membuat blog ini supaya saya bisa mendapatkan lebih banyak ilmu, dan membagikannya kepada sobat semua yang juga haus dengan ilmu. Hususnya ilmu tentang pemrograman berbasis Web.

Kita akan belajar bersama, dan sukses bersama. Amiinn...

Saya minta dukungannya dari sobat semua, supaya saya bisa terus menulis artikel artikel yang original, berkualitas dan bermanfaat tentunya.

Mungkin di blog ini akan muncul bebrapa iklan, saya minta maaf jika nantinya iklan tersebut mengganggu kenyamanan sobat dalam mencari ilmu di blog saya yang sederhana ini.
Satu lagi, saya juga seorang manusia, yang tidak luput dari kesalahan dan lupa. Jadi jika ada kesalahan dalam artikel yang saya buat, atau saya melupakan sesuatu. Saya mohon maaf...

Selamat mencari ilmu, semoga bermanfaat.. Terimakasih....

Web Programming

Megenal Lebih Jauh Tentang HTML

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Sekilas Tentang Pemrograman Berbasis Web

Tentang