My Inscription

  • Home
  • Jurusan
    • RPL
    • TKJ
    • MULTIMEDIA
  • Downloads
    • LINUX
    • UBUNTU
    • DEBIAN
      • Office
  • BLC TELKOM KLATEN
  • PEMROGRAMAN
  • REKAN KERJA
    • RIZKA MALA ALFIANA
    • FERRY KURNIAWAN
    • DENI OCTASAPUTRA
  • DOKUMENTASI
    • foto
    • video

Senin, 13 Agustus 2018

HyperText Markup Language (HTML)

 Srijulfiyanik.blogspot.com     22.00     No comments   


     

A.PENDAHULUAN

Assalamualaikum wr.wb hai ketemu lagi diBlog saya, kali ini saya akan membahas tentang HyperText Markup Language(HTML). selamat membaca..

B.LATAR BELAKANG

menyajikan informasi teks yang memungkinkan pengguna terhubung atau beralih ke halaman-halaman web lainnya atau yang biasa disebut Hyperlink diantara isi dari website

C.MANFAAT DAN TUJUAN

a. Membuat halaman web.
b. Menampilkan berbagai informasi di dalam sebuah browser Internet.
c. Membuat link menuju halaman web lain dengan kode tertentu.

D.PEMBAHASAN


HTML (Hyper Text Markup Language) adalah merupakan sebuah dasar ataupun pondasi bahasa pemrograman sebuah webpage, HTML muncul sebagai standar baru dari kemajuan dan berkembangnya internet, pada pertama kali muncul internet masih dalam keadaan berbasis text dimana tampilan sebuah halaman web hanya berisikan sebuah text yang monoton tanpa sebuah format dokumen secara visual .txt atau sering disebut notepad, tanpa paragraph, satu warna, satu ukuran huruf tanpa gambar serta tidak adanya visual format dokumen seperti halnya Ms. Word, hal ini akan sangat membosankan dalam membaca. Dan selain itu pertama kali muncul internet user mengakses masih menggunakan sebuah terminal, hal itu jelas sangatlah tidak friendly. Pemrograman HTML muncul seiring perkembangan teknologi dan informasi.


Hyper Text Markup Language (HTML) pertama kali diciptakan dan dikembangkan oleh Tim Berners-Lee pada awal tahun 1990-an yang pada saat itu masih bekerja di CERN. HTML diciptakan dengan tujuan sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. HTML pertama kali dipopulerkan dengan menggunakan browser Mosaic.


 Struktur dasar dokumen HTML adalah sebagai berikut :
 


<html>
<head>
<title>Disini Judul Dokumen HTML</title>
</head>
<body>
      Disini penulisan informasi Web
</body>
</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag


Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
b. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
ini adalah tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Contoh penulisan tag-tag yang benar
<p>
<b>
................
</b>
</p>
Contoh penulisan tag-tag yang salah
<p>
<b>
................
</p>
</b>

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:



<TAG>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
.................
> 
.................
</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah

d. Element HTML

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
Sintaks:


<html>
..........
</html>

e. Element HEAD

Merupakan kepala dari dokumen HTML.
Sintaks:

<head>
...........
</head>

f. Element TITLE


Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title>
.........
</title>

g. Element BODY


Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:

<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>
Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latar belakang dokumen HTML, background memberikan latar belakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi. Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

5. Kelebihan dan Kekurangan HTML

Kelebihannya :

1- Merupakan bahasa pengkodean yang lintas platform (cross platform), maksudnya HTML dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan berbagai macam sistem operasi yang berbeda.

2- Dapat disisipi gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan gambar untuk dijadikan hyperlink. Gambar disini digunakan untuk merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah didefinisikan berupa rectangular (kotak), poligon (kurva tak beraturan) atau lingkaran digunakan untuk ‘jump’ ke halaman lain, atau link ke halaman di luar web yang bersangkutan.

3- Dapat disisipi animasi berupa Java Applet atau file-file animasi dari Macromedia Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus memiliki plug-in khusus untuk menjalankan file-file animasi ini).

4- Dapat disisipi bahasa pemrograman untuk mempercantik halaman web seperti Javascript, Vbscript, Active Server Pages, Perl, Tcl, PHP, dan sebagainya.

5- Bukan merupakan bahasa pemrograman jadi tidak memerlukan kompiler. Cara menjalankannya cukup dengan menggunakan browser.

Kekurangannya :

1- Menghasilkan halaman yang statis, untuk memperoleh halaman yang dinamis harus menggunakan bahasa pemrograman tertentu seperti Javascript atau Vbscript dan animasi seperti Flash atau Shockwave.

2- Memiliki tag-tag yang begitu banyak sehingga susah dipelajari untuk yang masih awam.

3- Tidak dapat menghasilkan halaman yang interaktif. Interaktif disini maksudnya client dapat berinteraksi dengan server. Untuk keperluan itu HTML harus disisipi bahasa pemrograman yang dapat menangani hal tersebut, contohnya Perl dan Tcl.

E.KESIMPULAN

HTML adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

F.REFERENSI

Materi pemrograman (HTML)

Sekian, Semoga bermanfaat...
Wassalamualaikum wr.wb
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Kirimkan Ini lewat EmailBlogThis!Bagikan ke XBerbagi ke Facebook
Posting Lebih Baru Posting Lama Beranda

0 komentar:

Posting Komentar

Popular Posts

  • Mengatasi Permasalahan pada PHPMyAdmin
  • Membuat Form Login ( Frontend )
  • KRISISNYA RASA CINTA TANAH AIR DIKALANGAN REMAJA SAAT INI
  • MEMBUAT PORTAL SEKOLAH

Blog Archive

About Me

  • Srijulfiyanik.blogspot.com
  • dimas ari

Pengikut

Total Pageviews

  • Features
  • _Multi DropDown
  • __DropDown 1
  • __DropDown 2
  • __DropDown 3
  • _ShortCodes
  • _SiteMap
  • _Error Page
  • Documentation
  • Video Documentation
  • Download This Template
  • Home
  • About
  • Contact

Facebook

Video News

posts

Feature

posts

Popular Posts

  • Mengatasi Permasalahan pada PHPMyAdmin
    Mengatasi Permasalahan pada PHPMyAdmin
  • KRISISNYA RASA CINTA TANAH AIR DIKALANGAN REMAJA SAAT INI
  • Membuat Form Login ( Frontend )
    Membuat Form Login ( Frontend )

Copyright © My Inscription | Powered by Blogger
Design by Hardeep Asrani | Blogger Theme by NewBloggerThemes.com | Distributed By blogger Templates