Pengertian HTML

By Web Programming di 4:31 AM

ADSENSE HERE!

( Hypertext Markup Languange )

Hypertext Markup Language (HTML) adalah sebuah bahasa untuk menampilkan konten di web. HTML sendiri adalah bahasa pemrograman yang bebas, artinya tidak dimiliki oleh siapapun, pengembangannya dilakukan oleh banyak orang di banyak Negara dan bias dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global. Sebuah dokumen HTML sendiri adalah dokumen teks yang dapat diedit oleh editor teks apapun.

Dokumen HTML punya beberapa elemen yang dikelilingi oleh tag-teks yang dimulai dengan symbol "<" dan berakhir dengan sebuah symbol ">". Editor teks yang digunakan oleh penyusun adalah menggunakan Notepad dan XAMPP Versi 1.8.1 untuk web servernya dengan bahasa pemrograman PHP Versi 5.

Struktur Dasar HTML

Elemen HTML dimulai dengan tag awal, yang diikuti dengan isi elemen dan tag akhir. Tag berakhir termasuksimbol / diikuti oleh tipe elemen, misalnya . Sebuah elemen HTML dapat bersarang di dalam elemen lainnya. Sebuah dokumen HTML standar terlihat seperti ini :

 <!DOCTYPE html>  
 <html>  
 <head>  
      <title></title>  
 </head>  
 <body>  
 </body>  
 </html>

Keterangan :

Tag HTML secara default dimulai dari dan diakhiri dengan Tag <HTML> dan diakhiri dengan </HEAD>

Tag <HEAD>.....</HEAD> merupakan tag kepala sebelum badan. Tag kepala ini akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag <META> dan <TITLE>
Tag <META> merupakan informasi atau header suatu dokumen HTML.
Atribut yang dimiliki oleh tag ini antara lain:

Tag <TITLE>.....</TITLE> ….. adalah tag judul. Sebaiknya setiap halaman web memiliki judul, dan judul tersebut dituliskan di dalam ….. <TITLE>.....</TITLE>. Judul ini akan muncul dalam titlebar dari browser.

Tag <BODY>…..</BODY> adalah tag berisi content dari suatu halaman web.

Contoh penggunaan script HTML
Buat lembar baru pada Notepad, kemudian ketikkan perintah di bawah ini. Simpan dengan nama Contoh01.html

Kemudian simpan file di atas di dalam folder c:\XAMPP\htdocs\ buat folder baru untuk menyimpan file di dalam folder htdocs. Simpan file dengan nama contoh01.html. Pembuatan nama file pada saat penyimpanan harus diakhiri dengan extention “.html”

Cara penyimpanan :

Pastikan anda telah menjalankan Module Apache pada Xampp Control Panel.

Untuk melihat hasil dari file di atas dapat menggunakan browser Mozilla, google chrome, internet explorer atau jenis browser lain. Ketikkan pada address bar “Localhost\Nama Folder Penyimpanan\”, kemudian pilih file contoh01.html

Hasil nya :

Kode-kode dalam HTML biasanya disebut TAG. Tag adalah sesuatu yang digunakan untuk menandai elemen-elemen dalam suatu dokumen HTML. Tag dalam HTML terdiri dari tanda lebih kecil ( < ), tanda lebih besar ( > ), dan garismiring ( / ). Biasanya Tag dituliskan secara berpasangan, misalnya <h1> dan </h1>. Tag yang tidak menggunakan garis miring ( / ) adalah Tag pembuka atau awal elemen. Sedangkan yang Tag yang mengandung garis miring ( / ) adalah penutup elemen atau akhir elemen. Namun, ada juga Tag yang dalam pemakaiannya tidak berpasangan, diantaranya adalah :

a. Tag untuk mengganti paragraph yaitu <p>

b. Tag untuk ganti baris atau line break yaitu <br>

c. Tag untuk garis datar yaitu <hr>

d. Tag list item yaitu <li> Untuk tag yang tidak berpasangan diatas, sebaiknya tetap ditulis menggunakan pasangannya. Hal ini dilakukan untuk mengantisipasi standar rekomendasi HTML kedepannya. Penulisan untuk semua Tag bebas, maksudnya kita bisa menggunakan huruf besar, huruf kecil, bahkan dicampur ( tidak case sensitive ). Tapi untuk mengantisipasi standar penulisan Tag, sebaiknya kita menggunakan huruf kecil semua.
Jenis-jenis Tag dalam HTML :

1. Tag Dasar

2. Tag Pemformatan

3. Tag Computer Output

4. Tag Link

5. Tag Image

6. Tag List

Contoh Script penggunaan Tag HTML :

 <html>  
 <head>  
  <title>Contoh02</title>  
  </head>  
  <body>  
  <body bgcolor="#00CCFF"text="#FF0000">  
  <p>Ini adalah contoh penggunaan formating TAG dalam HTML <br/>  
    masing-masing TAG memiliki atribut masing-masing<br/>  
    </p>  
   <font color="#000000">Ini juga termasuk contoh penggunaan  
   formating TAG<br/></font>  
   <h1><marquee width="50%"bgcolor="#000099">  
   Ini juga salah satu penggunaan TAG</marquee></h1>  
   </body>  
   </html>

Save dengan nama contoh02.html

Hasil tampilan

ADSENSE HERE!

Pengertian HTML

No comments:

Post a Comment