Kamis, 15 November 2012

Pengertian HTML beserta Fungsinya
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. 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 dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). [1]

Dalam penulisan kali ini saya akan membahas pengertian HTML dan code HTML. HTML atau HyperText Markup Language merupakan protokol yang digunakanuntuk mentransfer data atau dokumen dari web server ke dalam browser. HTML bisa ditulis menggunakan sofwere tambahan seperti Microsoft FrontPages, Macromedia Dreamweaver, Adobe Go Live, dan lain-lain. Kali ini saya menulis HTML kmenggunakan Notepad.

Konsep-konsep HTML

- Suatu bentuk dokumen ASCII (American Standard Code for Information Interchange) atau teks biasa
- Membaca suatu dokumen tidak secara urut
- Penulisan tanpa tergantung pada suatu platform tertentu
- Isi dokumen HTML dapat ditampilkan secara text maupun grafis
- Diperlukan suatu aplikasi khusus yang disebut Web browser

Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur dari dokumen tersebut. Ketiga buah Tag tersebut adalah Tag HTML, HEAD dan BODY.

    HTML Sebagai tanda awal dokumen HTML.
    HEAD Sebagai informasi page header. Di dalam tag ini kita bisa meletakkantag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
    BODY Di dalam tag ini bisa diletakkan berbagai atribut halaman seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain. Contoh atribut : BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK dan lainnya

Code HTML

HTML Basic

<html>
<head>
<title>hello word</title>
</head>

<body>
HELLO WORD
</body>

</html>

Dan anda juga bisa menambahkan Code HTML ini di Code HTML di atas

Membuat table

<table border=”9″>

<tr>

<th>teks anda</th>

<th>Teks anda</th>
Diposting oleh di Tidak ada komentar:

Arti script pada HTML

Berikut contoh Script yang ada pada HTML :

< html>* = Script umum yg wajib digunakan klo mau bikin HTML
< head>* = Script yg digunakan untuk membuat kepala HTML
< title>* = Script untuk judul
< body>* = Script untuk isi HTML
< h1> - < h6>* = Script untuk ukuran font pada title
< p> = Script untuk pemberian paragraf.
< br> = Script untuk pemberian line baru. Seperti enter.
< b>* = Bold
< i>* = Italic
< u>* = Underline
< strong>* = Huruf menjadi tebal (mirip Bold)
< code>* = Huruf menjadi font Courier
< tt>* = Huruf menjadi font Teletype Writer
< sampp>* = Huruf menjadi font Code
< pre>* = Preformated Text. Semua spasi yang bukan script akan sama letaknya dengan yang ditulis. 
< ul>* = Membuat bullet. Pada line berikutnya harus ditulis < li> sebelum mengetik
< ol>* = Membuat angka. Sama seperti yg diatas
< caption> = Seperti bikin judul. Bedanya ini digunakan di
< table border> = Gunanya untuk bikin tabel. Kalo selesai bikin tabel, tulisnya
< tr>* = Membuat baris pada tabel
< td> = Membuat kolom pada tabel
< th> = Table Header, membuat kolom judul 


< table border>,< tr>,< td> dan < th> digunakan bersama klo mo bikin tabel.


< align=....> = Untuk mengatur letak tulisan. Klo kanan, right. Tengah, center dst. Klo mau ngatur letak judul, tulis awalan div. Jadinya < div align=...>

< colspan=....> = Untuk menggabungkan sekian kolom menjadi satu. (Isi bagian yang ksg. Kalau diisi dengan 3, maka 3 kolom menjadi satu

< rowspan=...> = Untuk menggabungkan sekian baris menjadi satu. (Isi bagian yang ksg. Kalau diisi dengan 5, maka 5 baris menjadi satu

< cellpadding=...> = Untuk memberi jarak antara setiap konten spt. kolom dan baris. (Isi bagian yang ksg. Semakin tinggi nilai yang diberikan semakin jauh jaraknya. Biasa diletakkan sesudah < table>. Sehingga menjadi < table cellpadding=...>

< width=...> = Untuk melebarkan tabel. Diisi dengan angka biasa maupun persentase
< font size=...> = Untuk mengubah ukuran font. (+) untuk memperbesar, (-) untuk memperkecil.
Contoh : < font size=+2>

< font face="......"> = Untuk mengubah tipe font. Untuk mempermudah, buka MS Word. Karena bagian ini case sensitive. Contoh : < font face="Comic Sans MS">


< a href="......"> = Untuk menyisipkan Hyperlink


Contoh script title :

< html>
< head>
< title>Judul Website< /title>
< /head>
< body>
< h1> h1 akan membuat tulisan berubah ukuran< /h1>
< h2> h2 akan membuat tulisan berubah ukuran< /h2>
< h3> h3 akan membuat tulisan berubah ukuran< /h3>
< h4> h4 akan membuat tulisan berubah ukuran< /h4>
< h5> h5 akan membuat tulisan berubah ukuran< /h5>
< /body>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)