Langsung ke konten utama

Praktek Teknisi

Pengenalan HTML



PENGENALAN HTML

2.1 Apa itu Dokumen HTML
      HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuatdengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi didalam Internet.
     Ada dua cara untuk membuat sebuah web page: dengan HTML editor atau dengan editor teks biasa (misalnya notepad).

2.2 Penamaan Dokumen
     Pilih suatu nama, sembarang nama, kemudian tambahkan sebuah ekstensi ”.htm” atau “.html” (tanda petik ganda tidak perlu dituliskan karena digunakan sebagai penjelas saja).

2.3 Definisi Elemen
     Dokumen HTML disusun olehelemen-elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Beberapa contoh elemen adalah: head, body , table, paragraf, dan list. Elemen dapat berupa teks murni, atau bukan teks, atau keduanya.

2.4 Definisi Tag
     Tag html terdiri atas sebuah kurung sudut kiri (<,(>,tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1> dengan </H1), tag yang menjadi pasangan selalu diawali dengan karakter garing (/,garis miring). Tag yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.

2.5 Elemen HTML yang Dibutuhkan
      Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf, dan elemen lainnya.
      Secara umum dokumen web dibagi menjadi dua section (bagian), yaitu section head dan section body. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut:
<html>                                                                                                                                                                                
<head>                                                                                                                                                                                               
_  informasi tentang dokumen html                                                                                                       
</head>                                                                                                                                                                              <body>                                                                                                                                                                                               _informasi yang ditampilkan dalam browser web
</body>                                       
</html>

2.6 Apa saja yang dibutuhkan untuk Belajar?
 Sebuah komputer yang siap web. Komputer dengan Windows 95/98/NT,Mac,atau Unix
-  Editor teks, notepad atau lainnya.
-  Koneksi ke server web (kalau mungkin koneksi ke Internet).
-  Browser web, direkomendasikan Internet Explorer (4.0 atau yang terbaru) atau Netscape Navigator (4.0 yang terbaru).
-  Langkah berikutnya adalah surfing Internet, melihat-lihat web site untuk mendapatkan dan membangun ide dari apa yang dilihat.
Tuliskan kedalamnya teks seperti berikut:
 
                                                        
                                                          Listing 2.1 Contoh
 

2.7      Penjelasan Contoh
     Tag pertama pada dokumen html Anda adalah <html>. Tag ini memberi tahu bahwa ini adalah awal dari dokumen HTML. Tag terakhir pada dokumen Anda adalah </html>. Tag ini memberi tahu browser Anda bahwa ini adalah akhir dari dokumen HTLM.

2.8     Petunjuk untuk Menggunakan Tag
ü         Tag HTML diapit dengan dua karakter kurung bersudut (angle bracket) <dan>
ü        Tag HTML secara normal selalu berpasangan seperti <b> dan </b>
ü         Tag pertama dalam suatu pasangan adalag tag awal, dan tag yangkedua merupakan tag akhir.
ü         Tag html tidak ‘case sensitive’. Berarti sama dengan <B>.
ü          Jika dalam suatu tag ada tag lagi, maka penulisaan tag akhir tidak boleh bersilang harus berurut.       Misalnya <b><1>Huruf Tebal dan miring</1></b>

2.9 Atribut tag
     Tag dapat mempunyai atribut. Atribut menyataka sesuatu tentang tag tersebut. Atribut digunakan untuk mengubah default pemformation dokumen dengan tag yang bersangkutan

2.10 Tips: Belajar HTML Lewat Source HTML lain
 Belajar HTML akan lebih efektif jika kita sering berlebih daan melihat bagaimana progremmer web lain melakukannya.

Judul buku PEMOGRAMAN WEB dengan HTML
Penerbit INFORMATIKA
Penulis buku BETHA SIDIK, IR-HUSNI I.POHAN,IR.,M.Eng.
Penulis NUNIK ERGIANTI
Halaman 9-16

Komentar

Postingan populer dari blog ini

Pusat PKL Lampung

Lembaga kursus dan pelatihan LKP Metro Techno Solution adalah lembaga kursus yang memberikan jasa layanan peserta PKL (Praktek Kerja Lapangan) ,  Sasaran utama peserta PKL adalah siswa - siswi SMK, dan mahasiswa - mahasiswi yang berada dilampung. Peraktek kerja lapangan di LKP metro Techno Solution saat ini dikenal dengan beberapa SMK di lampung mulai dari lampung timur,  lampung tengah,  lampung barat,  lampung utara,  dan lampung selatan. Dengan Bidang Keahlian saat ini peserta PKL ADALAH: * SMK TKJ (teknik Komputer Jaringan) * SMK MULTIMEDIA * SMK RPL * SMK AKUTANSI Dan beberapa perguruan tinggi di lampung, dengan metode kluster menjadikan Metro Techno Solution berbeda dengan lembaga kursus lainnya yang disesuaikan dengan kebutuhan DUNIA USAHA DAN INDUSTRI .  Dengan menciptakan tenaga ahli dibidang komputer, menjadikan lulusan sebagai rujukkan untuk ditempatkan dibeberapa perusahaan yang telah bekerjasama. Dengan kepercayaan tersebut Metro Techno Solutio...

PKL JARINGAN DIKOTA METRO

Kali ini peserta PKL dari Metro Techno Solution mendapatkan kesempatan untuk langsung terjun kelapangan untuk membangun sebuah jaringan komputer di salah satu PT di kota metro ,  dengan didampingi instruktur lapangan yang berpengalaman. Selain itu peserta didik langsung mengerjakan mulai dari menentukan berapa panjang kabel yang dibutuhkan, bagaimana medan yang akan dikerjakan (beresiko) atau tidak, serta menentukan topologi dan kelas yang akan digunakan.  Dengan pemasangan yang beresiko tinggi karena harus memanjat dan medan yang sangat licin peserta PKL juga diajarkan bagaimana cara mengatasi nya.  Serta bagaimana cara menghilangkan grogi ketika harus memasang dag paralon diketinggian.  Dengan pengalaman dilapangan memberikan kepercayaan kepada peserta PKL untuk dapat mengembangkan kemampuannya yang didapat disekolah pada dunia kerja dan industri, sehingga PKL di metro Techno Solution dapat menjadi salah satu rujukan untuk mengembangkan kemampuan dan...

PKL DI Metro Techno Solution

PKL DI Metro Techno Solution memberikan solusi kepada peserta yang ingin mencari pengalaman dan kesempatan untuk mengenal lebih jauh tentang DUNIA USAHA DAN INDUSTRI, selain itu juga peserta didik akan di bekali diantaranya : 1. akan di asah dan dilatih apa saja yang menjadi dasar untuk bisa bekerja sesuai dengan standar prusahaan dan kompetensi seperti apa yang di butuhkan. 2. menambahkan pengetahuan tentang bagaimana cara merawat dan maintenance perangkat hardware yang di miliki oleh tempat kerja dan cara mengatasi jika perangkat tersebut dibutuhkan secepatnya.     3. membentuk mental peserta didik untuk menghadapi resiko pekerjaan yang terkadang diluar dari target. 4. memberikan wawasan dan kreatifitas kepada peserta sehingga peserta PKL siap untuk menyelesaikan semua pekerjaan. dengan melihat persyaratan bekal diatas dapat disimpulkan bahwa siswa PKL harus diciptakan SDM handal untuk siap bersaing dengan dunia luar ataupun MEA.