Kamis, 11 April 2013

Pengenalan HTML ( Hyper Text Markup Languange )

Apa itu Dokumen HTML ?

- HTML kependekan dari Hyper Text Markup Languange
- Merupakan sebuah File Teks murni yang dapat dibuat dengan editor teks sembarang.
- Dokument ini berisi informasi atau interface aplikasi di dalam internet


Editor yang biasa digunakan untuk membuat Sebuah Web Page :


- HTML Editor (Macromedia Dreamweaver 8)

- Editor Teks Biasa (NotePad)

- Dll.
 

Penamaan Dokumen


- Eksetensi yang digunakan untuk menyimpan file HTML (“ .htm “ atau “ . Html ”)

Elemen  Dasar pembenrtuk Dokumen HTML :


  <html>
  <head>
  <title>...</title>
  </head>
  <body>...</body>
  </html>

Defenisi Tag

- Tag HTML terdiri dari sebuah kurung sudut kiri (< >)
- Bentuk umum :
    <namatag> ... </namatag>
    contoh : <HTML> </HTML>

 

Tag – tag Dasar HTML


  • HTML 
  • HEAD 
  • TITLE 
  • BODY 
  • Paragraf  <p> 
  • Line Break <br> 
  • Heading <h1>…<h6> 
  • Mengatur Letak Heading 
  • Penggaris Mendatar 
  • Komentar

  • HEAD
Tag yang ditulis setelah tag HTML
Untuk menuliskan keterangan tentang web  yang akan ditampilkan
<head>
…..
</head>

  • TITLE
- Merupakan tag dalam head yang harus dituliskan untuk memberikan judul/informasi pada caption browser web
- Tentang topik/judul dari dokumen web yg ditampilkan dalam browser
<head>
  <title>
  Judul…..
  </title>
</head>
 
  • BODY
Merupakan section utama dalam dokumen web
Semua isi dokumen akan ditampilkan di dalam browser harus dituliskan
<body>
Tulisan yang akan ditampilkan sebagai informasi
</body>
  • Paragraf  <p>
- Informasi yang disajikan dalam dokumen harus mengikuti kaidah-kaidah dalam penulisan
- Setiap paragraf  harus dimulai dengan tag <p>
- Akhir paragraf tidak diharuskan menulis </p>
- Setiap pergantian paragraf harus dimulai dgn <p>
<body>
<p> isi tulisan
<p> isi tulisan lain
</body>

  • Line Break <br>
Untuk memaksakan pindah baris
Tidak berganti paragraf
Tag yang digunakan adalah <br>
<body>
Selamat Datang<br>Dikampus Bina Darma<br>Palembang
</body>

  • Heading <h1> s.d.<h6>
Tulisan ditampilkan dalam bentuk lebih besar dan ditebalkan
Dimanfaatkan untuk menunjukkan tingkat keberartin dari teks yang dituliskan
Mempunyai 6 tingkat heading dlm HTML dari 1 s.d. 6
1 terbesar dan 6 terkecil <h1>, <h2>…..<h6>
Setiap heading harus diberi tag
CONTOH : 
<html>
<head>
<title>Heading</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
  • Mengatur Letak Heading
Mempunyai atribut yang digunakan utk mengatur  letak heading (aligment heading)
Kiri – left
Tengan – center
Kanan – right
Contoh :
<html>
<head>
<title>Letak Heading</title>
</head>
<body>
<h1 align = “center”>Judul di Tengah</h1>
<p>Membuat  Judul terletak ditengah
</body>
</html>
 
  • Penggaris Mendatar
- Sebuah garis dapat disisipkan dalam dokumen web

- Pemisah antar bagian atau paragraf

- Tag <hr>

Contoh :

<body>

<p>Selamat Datang

<hr>

<p>di Bina Darma

</body>

</html>

Komentar

Catatan/komentar yang disisipkan pada bagian tertentu yang dianggap penting dan perlu diberi catatan atau komentar

Dapat digunakan  untuk menyembunyikan sebagian dokument  web.

Tag  <!--  ditutup dengan -->

<!-- Catatan/komentar -->



 

0 komentar: