Friday, June 17, 2011

Tag – Tag Dasar HTML


Tag dasar berarti elemen dasar. Dokumen HTML secara mendasar akan terdiri atas teks informasi.

Judul atau topik utama dokumen disimpan dalam elemen title, dengan tag <title>....</title>. Title ini akan di tampilkan pada bagian caption dari Windows Browser web. Hanya elemen title saja dari elemen head yang ditampilkan di browser, elemen lainnya dari head tidak ditampilkan, sebagai elemen yang menjelaskan tentang dokument HTML yang bersangkutan.

Teks informasi ini akan akan disimpan dalam section / elemen body – didalam tag <body> dan </body>. Teks disusun dalam paragraf-paragraf tag <p>. Teks juga mempunyai judul-judul yang menunjukkan topik-topik atau bagiab-bagian dalam dokumen – judul sam pai dengan 6, dinyatakan dengan tag <h1> sampai dengan <h6>, demikian juga pasangannya </h1> sampai dengan </h6>.

  1. HTML

Merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. Tag ini merupakan suatu keharusan bagi pemrograman web untuk menuliskannya sebagai tag pertama dalam dokumen HTML.

<html> di awal dokumen dan </html> di akhir dokumen.

  1. Head

Merupakan Tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.

<head> di awal setelah <html>, dan </head> di akhir section head.

  1. Title

Merupakan tag di dalam head yang harus dituliskan untuk memberikan judul / informasi pada pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser.
<title> Judul dokumen </title>

  1. Body

Merupakan section utama dalan dokumen web. Pada section ini dokumen yang akan ditampilkan didalam browser harus dituliskan.

<body> di awal, segera setelah tag </head>
</body> di akhir, diletakkan sebelum tag </html>

  1. Paragraf

informasi yang disajikan dalam dokumen harus mengkuti kaidah-kaidah dalam penulisan. Misalnya satu pikiran utama disimpan dalam satu paragraf. Setiap paragraf harus dimulai dengan memberi tag <p>. Di akhir paragraf tidak diharuskan menuliskan </p> sebagai akhir paragraf, karena tag <p> tidak didefinisikan mempunyai tag akhir. Setiap pergantian paragraf harus dimulai denga <p> kembali
.
  1. Line Break

Kita dapat memaksakan ganti baris pada dokumen web. Ganti baris disini hanya dimaksudkan hanya menyajikan informasi pada baris sendiri tetapi tidak berganti paragraf. Untuk menampilkan suatu teks ditampilkan pada baris yang baru dalam suatu paragraf, maka harus digunakan tag <br> sebelum teks yang dimaksud tersebut dituliskan

<!--coba_gantibaris.html-->
<html>
<head><title>Contoh ganti baris</title>
</head>
<body>
<p> Memotong <br> dalam suatu <br> paragraf, <br> gunakan tag br.
</body>
</html>

  1. Heading

Teks dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML , judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan. Heading juga dimanfaatkan untuk menunjukkan tingkat keberartian dari teks yang akan dituliskan. Ada 6 tingkat heading dalam HTML, dinomori dari 1 sampai 6. nomor 1 merupakan heading yang terbesar. Setiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan / keberartian teks tersebut, jika dianggap sangat penting kita bisa menganggap sebagai heading 1 – digunakan tag <h1>

Contoh :

<html>
<head><title>contoh heading</title></head>
<body>
<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>
<h4>Ini heading 4</h4>
<h5>Ini heading 5</h5>
<h6>Ini heading 6</h6>
</body>
</html>

  1. Mengatur letak heading

Tag heading memopunyai atribut yang digunakan untuk mengatur letak heading dalam baris align. Alignment heading :
    1. kiri – left

    2. tengah – center

    3. kanan – right


  1. Penggaris mendatar

Sebuah garis dapat disisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antar bagian ata paragraf.
Tag <hr> disisipkan pada tempat garis akan disisipkan dalam dokumen.

  1. Komentar

Dalam suatu dokumen informasi ada sebagian teks dalam dokumen yang berfungsi sebagai catatan atau komentar terhadap dokumen itu sendiri. Catatan atau komentar dalam dokumen ini tidak ditampilkan kedalam browser.

Komentar disisipkan pada section body, diletakkan pada bagian teks dokumen yang memang perlu dikomentari. Komentar ini umumnya sebagai catatan untuk menyajikan dokumen pada masa mendatang.

Tag komentar dapat digunakan untuk menyembunyikan sebagian dokumen web. Bisa jadi karena belum ada kepastian dari dokumen yang akna dipublikasikan terutama dari aspek legal, perlu ada approval sebelum bisa di publikasikan.

Teks yang berfungsi sebagai komentar disimpan dalam dokumen yang ditandai tag <!-- sebagai awal, kemudian teks yang dikomentari , dan tag → sebagai akhir.

Khusus untuk tag ini, tag penutup tidak menggunakan tanda garing sebelumnya.






related search:
seperti |halaman |dokumen |tutorial |tersebut |variabel |tutorial html |tulisan |tidak akan |tag-tag |tag html |software |penulisan |paragraf |membuat |latihan |lain yang |informasi |sekarang |operator |memberikan |internet |indonesia |halaman ini |fungsi |editor yang |belajar |bagian |attribute |atribut |adalah | how to |web pages |web developers |language |hypertext markup language |tutorials |tutorial |the world wide web |specifications |markup |xhtml . |tim berners-lee |string |specification |xhtml . |world wide web consortium |web page |web designers |quick reference |jquery |internet |hyper text markup language |html tutorials |html tidy |html tags |html elements |html documents |html document |html . |formatting |firefox |english |elements |element |downloads |download |design |character |cascading style sheets |attributes |attribute |application | technology |latest technology |technology news |latest technology news |information technology |technology information |products |new technology |mobile phone |latest gadgets |laptops |information technology news |google |gadgets |technology reviews |technology products |tablet |software |smartphone |product |iphone |how to |gadget |future technology |facebook |enterprise |download |computer technology news |computer |cloud computing |business technology |business 

0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More