Laman

Selasa, 03 Juli 2012

HTML Elements

Dokumen HTML didefinisikan oleh elemen HTML.

HTML Elements

Sebuah elemen HTML selalu diawali dengan tag pembuka dan diakhiri dengan tag penutup.
Start tag * Element content End tag *
<p> Ini adalah paragraf </p>
<a href="default.htm"> Ini adalah link </a>
<br />
* Tag awal sering disebut opening tag. Tag akhir sering disebut closing tag.

HTML Element Syntax

  • Tag awal sering disebut start tag / opening tag
  • Tag akhir sering disebut end tag / closing tag
  • The element content selalu diantara tag awal dan tag akhir.
  • Beberapa elemen HTML memiliki empty content
  • Empty elements are ditutup pada tag awal
  • Sebagian besar unsur HTML dapat memiliki attributes
Tip: Anda akan belajar tentang atribut dalam bab berikutnya dari tutorial.

Nested HTML Elements

Sebagian besar unsur HTML dapat bersarang (dapat berupa elemen HTML lainnya).
Dokumen HTML terdiri dari elemen HTML bersarang.

HTML Document Example

<!DOCTYPE html>
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
Contoh di atas berisi 3 elemen HTML.

HTML Example Explained

The <p> element:
<p>Ini adalah paragraf pertama saya.</p>
The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.
The <body> element:
<body>
<p>This is my first paragraph.</p>
</body>
The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).
The <html> element:
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).

Don't Forget the End Tag

Some HTML elements might display correctly even if you forget the end tag:
<p>This is a paragraph
<p>This is a paragraph
The example above works in most browsers, because the closing tag is considered optional.
Never rely on this. Many HTML elements will produce unexpected results and/or errors if you forget the end tag .

Empty HTML Elements

HTML elements with no content are called empty elements.
<br> is an empty element without a closing tag (the <br> tag defines a line break).
Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).

HTML Tip: Use Lowercase Tags

HTML tags are not case sensitive: <P> means the same as <p>. Many web sites use uppercase HTML tags.
W3Schools use lowercase tags because the World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML.

Tidak ada komentar: