Blogroll


Komentar Terbaru


Arsip


Jam Digital


@NhieVannie


My Facebook


My Song


Pengunjung

    63.235

HTML

Ditulis pada 04 June 2012 Oleh zilvanhisna-e-f-fst10 | Kategori : Pemrograman Komputer

DEFINISI HTML

  HyperText Markup Language (HTML) adalah sebuah bahasa 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.

Kegunaannya

  • Mengintegerasikan gambar dengan tulisan.
  • Membuat Pranala.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat form interaktif.

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda   digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda  untuk menonaktifkan cetak tebal tersebut. 

Beberapa Komponen penting :

1. HEAD

Pada document HTML di apit oleh tag di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “titile” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya digunakan untuk menentukan informasi tertentu mengenai document HTML, anda bisa menentukan author name, keywords, dan lainyan pada tag META.

Contoh:

<meta name="author" nober="ubuntu-online">

2. Elemen Body

Bagian BODY, yang dinyatakan dengan tag …, merupakan tubuh atau isi dari 
dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.

3. Tag

HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu 

elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan 

dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan

yang disebut dengan : 1. Tag awal, dinyatakan dalam bentuk 2. Tag akhir, dinyatakan 

dalam bentuk

Format : teks yang ditampilkan Contoh : untuk menampilkan teks dalam

format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML Teks ini terlihat 

miring di browser Anda

 


4. Atribute

Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut.

Misalnya : digunakan untuk membuat rata kiri suatu paragraf. Atribut yang menyertainya adalah 

ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.


Beberapa HTML yang saya lihat source kodenya :
view-source:http://id.wikipedia.org/wiki/Sistem_Penamaan_Domain
view-source:http://wwwmyori.blogspot.com/
view-source:http://www.sempretops.com/internet/como-descobrir-ip-de-um-site/

- 4 Komentar -

1. Faiqa Himma Emalia

pada : 14 June 2012
Hello,
saya mahasiswi Fakultas Ilmu Keperawatan UI. Sebenarnya topik ini menarik sekali meskipun tidak berkaitan dengan major saya. Materi ini jelas diperlukan dalam perancangan web ya? Apakah ada software yang dapat membantu orang-orang awam-yang tidak terlalu mengerti bahasa html- untuk dapat merancang web sendiri? Lalu, jika ada softwarenya, mengapa beberapa programmer masih membuat web dengan cara manual? Apa ada kapabilitas yang tidak bisa dijangkau oleh beberapa software sehingga memaksa programmer untuk membuat web dengan manual?

2. Zilvanhisna E.F

pada : 18 June 2012
Terima kasih faiqa atas pertanyaannya.
Program/software untuk merancang web yaitu Dreamweaver,java,joomla dll. Untuk kelebihan dan kelemahan masing-masing software akan ditemukan di web berikut :

http://www.unpas.ac.id/pages/kelebihan-dan-kekurangan-membuat-website-pada-joomla/

http://jevrie-brothers.blogspot.com/2011/04/kelebihan-kekurangan-dreamweaver.html

http://pulsahandphonegratis.blogspot.com/2011/04/kelebihan-kelemahan-dan-aplikasi-10.html

Pada masa sma... kita diajari mendesain Web dan HTML menggunakan notepad plus-plus.Pada Notepad ++ kita mempelajari bahasa html sperti pada artikel d atas dan kita dapat membuat rancangan web yang kita inginkan.
Mengapa lebih mudah yang manual... menurut saya notepad++ sangat cocok bagi org2 yang baru belajar mendesain web. namun jika tidak perlu repot kita bs mencoba software2 yang ada di atas.

Trims >_

3. Fadhlin Amalia Arif

pada : 29 June 2012
Zilvanhisna, saya mau tanya, maksud dari format acsii itu seperti apa? Apakah memang dikhususkan untuk menampilkan homepage sebuah web?

4. Zilvanhisna E.F

pada : 29 June 2012
terima kasih saudari Fadhlin...
ASCII ta maksudnya...??? sebetulnya saya juga kurang memahami namun saya akan berusaha menjawab

Sebelumnya, Open Systems Interconnection (OSI) adalah sebuah refrensi model yang dibuat dan dikembangkan oleh International Organization for Standardization (ISO) untuk kompabilitas berbagai macam teknologi.OSI Model ini terdiri dari 7 layer, dan pada
OSI layer 6 terdapat beberapa format yang salah satunya ASCII yang merupakan singkatan dari American Standard Code for Information Interchange. ASCII (American Standard Code for Information Interchange) adalah standar yang berlaku di seluruh dunia untuk kode berupa angka yang merepresentasikan karakter-karakter, baik huruf, angka, maupun simbol yang digunakan oleh komputer.

Ya sepertinya kode-kode yang kita buat pada HTML bukanlah sembarangan namun sesuai dengan ketentuan. Dan ketentuan tersebut adalah format ASCII.

Mohon maaf apabila saudari kurang puas akan jawaban saya karena sumber yang saya gunakan kurang, sehingga saya akan berusaha lebih keras untuk membaca banyak sumber terkait...


Sumber :
http://slackblog.org/2010/02/13/berkenalan-dengan-osi-model/
http://idisastra.blogspot.com/2009/03/pengertian-osi-layer-dan-sejarahnya.html
http://indahnyaopie.wordpress.com/2008/09/20/pengertian-ascii/

Tinggalkan Komentar

Nama :
E-mail :
Web : tanpa http://
Komentar :
Verification Code :