Selasa, 07 Januari 2014

Dasar dasar HTML

Dalam mengolah HTML seperti yang sudah dijelaskan bahwa HTML dibuat berdasarkan intruksi atau kode yang dikenal dengan 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:
  • Tag awal, dinyatakan dalam bentuk <nama tag>
  • Tag akhir, dinyatakan dalam bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML < i>Teks ini terlihat miring di browser Anda</i>

Tag dasar yang harus anda ketahui adalah sebagai berikut:
 
<html>
 <head>
 <title>'''Selamat Datang''' HTML</title>
 </head>
 <body>
 <p>Halo dunia!</p>
 </body>
</html>
 
sedangkan anda harus menyimpan dalam ekstensi htm untuk index dan html untuk lainnya. Contoh, misalnya anda akan melihat 
hasil dari pengeditan tag di atas, anda harus menyimpannya seperti misalnya belajar.html. Anda dapat mengganti nama belajar
namun ekstensinya harus tetap .html. Apabila anda belum mengerti tentang ekstensi silahkan klik di sini.  

Head

Dokumen HTML diapit oleh tag < HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” 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 lainnya pada tag META.
Contoh:
<meta name="author" content="ubuntu-online">

Elemen Body

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

Atribut

Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P ALIGN=”left”> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.

 Latihan 

Cobalah salin Tag berikut lalu paste di Notepad

<html>
<head>
<title>selamat datang di website saya</title>
</head>
<body bgcolor="skyblue">
<h1> Hay,ini website saya</h1>
<p> 
Ini adalah website saya, saya baru belajar, jadi mohon bantuannya!
</p>
</body>
</html>

simpan dengan nama belajar.html lalu buka.

Tidak ada komentar:

Posting Komentar