1.1 Membuat Worksheet 1 Dimensi
Rabu, 21 September 2011
Jumat, 05 Agustus 2011
Perintah Dasar HTML
1. Tag - Tag HTML
Perhatikanlah tag penulisannya, yang selalu dimulai dengan “< >” diikuti dengan HTML nya dan ditutup dengan tag dengan slash “/” seperti “</ >”
Perintah <TITLE> digunakan untuk membuat tampilan diatas browser, dan langsung ditutup dengan </TITLE>. Jadi Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body, struktur HTML diapit oleh tag awal <HTML>dan tag akhir </HTML> .
2. LIST & HEADING
A. LIST
HTML menyediakan lima cara untuk membuat daftar / list, yaitu :
dimana tidak akan diurutkan. Diawali <UL>dengan dan diakhiri dengan </UL>, sedangkan untuk menyatakan tiap bagiannya digunakan tag <LI>yang tidak usah dikasih penutup karena browser akan memprosesnya sebagai list. Sedangkan pada tag <OL> dilatihan 2 juga, kita lihat list akan diurutkan karena kita awali dengan tag <OL>dan diakhiri dengan </OL>, dan secara otomatis akan diurutkan Untuk merubah pengurutan kita dapat menggunakan tag <TYPE>.
B. Heading
Biasanya digunakan untuk membuat suatu judul / subjudul dalam HTML, ada enam
heading dalam HTML, yang berurut dari besar ke kecil. Pada latihan 2 terlihat heading
dibuat dengan tag <H3> dan diakhiri dengan </H3>.
C. Format Teks
Dalam HTML dikenal juga tulisan bold, italic, small, subscript, supscript. Sedangkan untuk membuat teks agar turun dibaris berikutnya digunakan perintah tag <BR>. Perintah <BR> digunakan untuk membuat paragraph berikutnya dibawah, perhatikanlah jika kita tidak memberikan perintah tag <BR> maka yang terjadi adalah tulisan akan menjadi satu paragraph walaupun di notepad beda paragraph.
D. Pree Teks
Apa yang kita buat di Notepad tidaklah seperti yang akan tampil di Browser, agar kita dapat membuat tampilan dengan kemauan kita maka diperlukan tag <PRE> agar tampilan di browser dapat sesuai dengan keiginan.
E. Jenis Font
Tag FACE digunakan untuk mengatur jenis huruf yang diinginkan, FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan sebagainya. Sedangkan tag <P> digunakan untuk membuat suatu paragraph baru.
F. Link ke Halaman Lain
 |
| Latihan 1 |
Perintah <TITLE> digunakan untuk membuat tampilan diatas browser, dan langsung ditutup dengan </TITLE>. Jadi Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body, struktur HTML diapit oleh tag awal <HTML>dan tag akhir </HTML> .
2. LIST & HEADING
 |
| Latihan 2 |
A. LIST
HTML menyediakan lima cara untuk membuat daftar / list, yaitu :
- Ordered List
- Unordered List
- Direktory list
- Menu List
- Definition List
dimana tidak akan diurutkan. Diawali <UL>dengan dan diakhiri dengan </UL>, sedangkan untuk menyatakan tiap bagiannya digunakan tag <LI>yang tidak usah dikasih penutup karena browser akan memprosesnya sebagai list. Sedangkan pada tag <OL> dilatihan 2 juga, kita lihat list akan diurutkan karena kita awali dengan tag <OL>dan diakhiri dengan </OL>, dan secara otomatis akan diurutkan Untuk merubah pengurutan kita dapat menggunakan tag <TYPE>.
B. Heading
Biasanya digunakan untuk membuat suatu judul / subjudul dalam HTML, ada enam
heading dalam HTML, yang berurut dari besar ke kecil. Pada latihan 2 terlihat heading
dibuat dengan tag <H3> dan diakhiri dengan </H3>.
C. Format Teks
 |
| Latihan 3 |
D. Pree Teks
 |
| Latihan 4 |
E. Jenis Font
 |
| Latihan 5 |
Tag FACE digunakan untuk mengatur jenis huruf yang diinginkan, FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan sebagainya. Sedangkan tag <P> digunakan untuk membuat suatu paragraph baru.
F. Link ke Halaman Lain
Perintah Achor <A> digunakan untuk membuat suatu link dengan tag
<A HREF= “ Nama dokumennya “>
G. Memasukan Gambar
Dalam HTML untuk memasukan gambar denagn perintah tag <IMG>. Biasanya ditulis dengan tag <IMG SRC = “file gambarnya” ALT = “ namalainnya”>, IMG SRC digunakan untuk menentukan sumber gambarnya, dan ALT digunakan untuk menampilkan tulisan alternative jika gambar tidak muncul di browser.
Untuk menyisipkan gambar kita harus memperhatikan dalam menempatkan gambar yang akan ditampilkan pada browser, yakinkan dalam penulisan nama file, letak direktorinya dan ekstensinya benar.
H.Membuat Tabel
Biasanya web master menggunakan tabel untuk mempermudah dalam pengaturan teks dan Images di halaman web, dalam HTML juga dikenal TABEL dengan tag awal <TABLE> dan tag penutup </TABLE>. Tag TABLE mempunyai beberapa bagian penting ;
- <CAPTION> digunakan untuk membuat judul tabel
- <TH> berfungsi untuk meletakan judul tabel dibagian paling atas atau paling kiri dari suatu table
- <TR> digunakan untuk membentuk baris pada suatu table
- <TD> digunakan sebagai tempat menulis data atau informasi atau images dalam table
I. Form dan Input
Untuk dapat meminta masukan dari pengunjung situs / web yang kita buat, maka kita perlu memahami tag FORM dan INPUT yang digunakan bersama-sama di tag HTML. Tag <FORM> membuat kerangkanya sedangkan tag <INPUT> menyediakan elemen-elemen yang dibutuhkan untuk ditampilkan di websites. Sebelum kita membicarakan objek pada form, ada beberapa control HTML yang nantinya akan kita gunakan untuk membangun aplikasi dengan PHP. Penggunaan pada tag ini dimulai dengan <input> dan dikuti dengan tag yang akan kita masukan pada sebuah form. Ada
Pengenalan HTML
HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
A. World Wide Web
Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.
World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer.
WWW bekerja merdasarkan pada tiga mekanisme berikut:
1. Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
2. Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.
3. HTML digunakan untuk membuat document yang bisa di akses melalui web.
B. Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator, Mozilla Firefox dan masih banyak yang lainya.
C. Editor
Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
D. Sekilas cara kerja Web
 |
Aturan ini biasa disebut sebagai protocol, standar protocol menggunakan TCP/IP, proses ini dimulai dengan melakukan 3 way handshakes antara sumber dan tujuan Web browser, suatu aplikasi pada client yang akan menampilkan halaman web sites dari internet. Web browser di install di sisi user (OS) menampilkan informasi ke komputer dengan interpreting bahasa pengkodean HTML, dimana homepage berisi gambar, suara, multimedia, dan resources lainnya yang dapat diakses.
Files Coding pada HTML memberikan datanya ke browser apa yang akan ditampilkan ke sisi client. Isi HTML yang akan ditampilkan bukan dari browsernya tetapi dari web servernya dan Browser akan menginterpret tag HTML untuk link ke halaman berikutnya
Langganan:
Postingan (Atom)
