Html_Teori Dasar HTML

8/14/2019 Html_Teori Dasar HTML

1/6

www.agniluthfi.com

1

Teori Dasar HTML

Untuk membangun sebuah web page dibutuhkan sebuah bahasa pemrograman

yang lebih dikenal dengan sebutan web scripting. Dikatakan script karena

perintah kode program tersebut akan di interpreter dan tidak ada kompilasi

untuk menjadikannya executable. Berdasarkan letak proses interpreter, web

scripting dibagi menjadi dua kategori yaitu yang bersifat client side dan server

side. Client side dilakukan oleh web browser seperti opera, mozilla firefox, dll.

Untuk contoh bahasa client side adalah HTML, CSS, Javascript, dan XML.

Sedangkan server side dilakukan oleh web server seperti PWS, IIS, Apache, dll.

Untuk contoh bahasa server side adalah ASP, PHP, JSP, dab CGI/PL.

Web scripting yang bersifat client side hanya akan menciptakan sebuah web page

yang bersifat statis. Web scripting yang bersifat statis ini biasanya hanya

menekankan pada design dan tampilan. Artinya tidak mungkin mengupdate

informasi seketika pada web page yang bersifat statis. Sehingga tidak mungkin

menciptakan suatu situs yang dinamis jika hanya menggunakan web scripting

yang bersifat statis tapi harus dipadukan juga dengan web scripting yang bersifat

dinamis.

HTML atau HyperText Markup Language adalah sebuah bahasa pemrograman

web yang bersifat client side yang dapat menampilkan informasi berupa teks,

gambar, serta multimedia dan juga untuk menghubungkan antar tampilan web

page atau hyperlink.

Tidak diperlukan suatu editor khusus untuk menggunakan perintah-perintah

dalam HTML. Anda dapat menggunakan Notepad atau program editor lainnya

yang berbasis GUI seperti Adobe Dreamweaver atau FrontPage. Tetapi bagi

seorang pengembang aplikasi web maka kemampuan penguasaan terhadap kode-

kode HTML sangat diperlukan.


2/6

www.agniluthfi.com

2

Sebuah dokumen HTML harus memiliki struktur minimal Head dan Body.

Bahasa pemrograman HTML tidak lepas dari yang namanya TAG. Tag memiliki

pembuka , tetapi tidak semua TAG punya penutup . tag memberi

instruksi interpreter kepada browser. Sebuah dokumen HTML memiliki tag

pembuka HTML dan tag penutup /HTML untuk memberitahukan kepada

browser bahwa dokumen tersebut adalah dokumen HTML. Penulisan HTML ini

tidak bersifat case sensitive, artinya tidak dibedakan antara huruf kapital dan

huruf kecil. Semuanya sama saja.

Di dalam sebuah tag HTML terdapat atribut tag. Atribut yang ada didalam suatu

tag HTML belum tentu sama dengan atribut tag HTML yang lain. Atribut yang

digunakan didalam tag tidak memiliki urutan tertentu. Atribut tag digunakan

untuk memodifikasi sifat-sifat dari tag tersebut.

Setelah tanda .

Nama tag sendiri harus mengikuti standar W3C yaitu sebuah lembaga atau

organisasi internasional yang mengatur standardisasi web.

Dalam dokumen HTML diperlukan tag , dalam tag ini

diletakkan judul web page dengan menggunakan tag Judul Web Page

, sedangkan didalam tag berisikan isi dari web

page Anda. Untuk ekstensi dari file HTML perlu ditambahkan .html atau .htm di

belakang nama filenya misalnya index.htm.

Penulisan tag-tag HTML tidak akan terpengaruh oleh perintah langsung

keyboard seperti penekanan tombol enter atau spasi sehingga diperbolehkan

menyusun tag-tag HTML secara continue horizontal.


3/6

www.agniluthfi.com

3

Body

Di dalam tag terdapat beberapa atribut. Atribut tag berada di dalam tanda tagtersebut. Atribut tersebut ada yang memiliki nilai tetapi ada juga yang tidak. Tag

memiliki atribut

Dalam HTML nilai warna yang dapat diberikan pada atribut bgcolor adalah

dengan menggunakan aturan komposisi RGB dengan angka hexadecimal

maksimal adalah FF (setara dengan 255 decimal) tiap komposisinya. Sebagaicontoh jika kita ingin memberikan warna merah, maka nilainya adalah

#FF0000. Atau dapat juga menggunakan pre-define color seperti red, green,

blue, dll. Sedangkan untuk nilai atribut background adalah nama file gambar

lengkap dengan lokasi folder dan ekstensi filenya. Format file gambar yang

didukung oleh HTML antara lain adalah JPEG, PNG,dan GIF.

Heading

Heading digunakan untuk menampilkan format huruf yang besar dan dicetak

tebal, biasanya digunakan untuk judul atau topic utama dari sebuah paragraph,

ukurannya ada dari yang terbesar sampai yang terkecil , sedangkan

untuk mengatur posisi heading digunakan atribut align yang bisa diisi nilai left,

center, right, ataupun justify.

Paragraf

Untuk memformat paragraph agar dapat rata kiri, kanan, tengah, dan justify

digunakan tag pembuka

dan penutup
. Isi atribut align
dengan left, right, center, atau justify. Antar paragraph dalam HTML akan

dibatasi secara otomatis oleh sebuah baris.


4/6

www.agniluthfi.com

4

Breaking Now

Tag
in digunakan untuk berpiindah ke baris baru dalam isi dokumen. Iniadalah salah satu contoh tag HTML yang tidak memiliki tag penutup.

Horizontal Ruler

Tag yang digunakan untuk membuat garis horizontal adalah , adapun

atribut yang dimiliki adalah align untuk perataan, size untuk mengatur

ketebalan garisnya, dan width untuk mengatur lebar garisnya (dalam pixel atau

persen). Penggunaan satuan persen memiliki arti bahwa ukuran garis horizontalakan diambil presentase terhadap width dari tampilan jendelanya. Tag HR ini

juga tidak punya tag penutup.

Preformat

Dengan fasilitas ini tampilan yang akan dofirmat sama persis dengan isi yang ada

di dalam tag isi. DIdalam tag tombol enter untuk ganti

baris atau spasi untuk jeda dapat digunakan.

Bold, Italic, Under Line, Subscript, Superscript, Stripe

Berikut ini adalah cara memberikan efek cetak huruf dalam dokumen HTML

Untuk memberikan efek huruf tebal (bold):

cetak tebal

Untuk memberikan efek huruf miring(italic):

cetak miring

Untuk memberikan efek huruf yang diberi garis bawah(underline):

garis bawah


5/6

www.agniluthfi.com

5

Untuk memberikan efek huruf sebagai subscript:

cetak subscript

Untuk memberikan efek huruf sebagai superscript:

cetak superscript

Untuk memberikan efek huruf yang dicoret stripe:

cetak stripe

List

Dalam dokumen HTML kita dapat menampilkan daftar list seperti Bullet &

Numbering. Ada dua macam list yaitu Unorder list (Bullets) dan OrderedList

(Numbering). Pada unordered list digunakan tag sebagai pembuka dan tag

sebagai tag penutup, untuk item-item list yang ada didalamnya

digunakan tag untuk mengawalinya. Unordered list mempunyai atribut

type yaitu bentuk dari bulletnya, ada beberapa type yaitu disc, circle,dan

square. Ordered list dapat menggunakan tag . Ordered list juga

memiliki atribut tipe untuk menentukan tipe penomorannya. Tipe-tipenya

adalah 1 untuk penomoran 1,2,3,, A untuk penomoran A,B,C,, I untuk

penomoran I,II,III,, a untuk a,b,c,, i untuk penomoran I,ii,iii,.

Bila Anda tidak mendefinisikan tipenya, maka secara default akan diberikan

penomoran angka.

Komentar

Seperti dalam bahasa pemrograman yang lainnya, HTML juga memiliki

komentar yang diatur oleh tanda sebagai

penutup. Komentar tidak akan diinterpreter oleh web browser, hanya sebagai

keterangan saja.


6/6

www.agniluthfi.com

6

Karakter Khusus dalam HTML

Dikarenakan penulisan tag HTML telah menggunakan tanda < dan > maka tanda

tersebut tidak dapat dipakai dalam isi dokumen HTML. Sebagai gantinya maka

penggunaan tanda < digunakan perintah < dan > digunakan perintah >.

Untuk spasi dalam HTML dapat digunakan perintah (non breaking

space).

Html_Teori Dasar HTML

Documents

Transcript of Html_Teori Dasar HTML