Struktur dasar HTML Elemen yang dibutuhkan untuk membuat suatu dokumen HTML, dinyatakan dengan tag-tag sebagai berikut:
HTML
Setiap dokumen HTML selalu diawali dan ditutup dengan tag HTML.
HEAD
Bagian head biasanya berisikan tag TITLE, meta tag dan semua script java atau yang lain yang akan dieksekusi di browser. Dibagian inilah kita memberikan bookmark untuk keperluan pencarian (searching) dengan keyword.
BODY
Bagian body digunakan untuk emnampilkan text, image link dan semua yang akan ditampilkan pada web page.
Semua umum dokumen web dibagi menjadi dua section (bagian), yaitu section head dan section body. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut:

<html>
<head>
<title> Selamat Datang di Dunia Internet </title>
</head>
<body>
<p> Dokumen HTML yang pertama </p>
</body>
</html>
Setiap dokumen HTML harus diawali dengan menuliskan tag <html> dan </html> diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML. Dalam satu dokumen hanya ada satu elemen HTML. 
Section atau elemen head dimulai dengan tag <head> diawal, dan tag </head> diakhir. Section ini berisi informasi tentang dokumen htmlnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag <title> dan diakhiri </title>. Sehingga bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Sedangkan tag TITLE yang berfungsi untuk mengeluarkan judul pada title bar window web browser.
Section atau elemen body ditandai dengan tag <body> diawal dan tag </body> diakhir. Section body merupakan elemen terbesar didalam dokumen HTML. Pada bagian ini anda akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun gambar yang ingin disampaikan pada pengguna nantinya.

1.4. Tag-tag dalam <body>:
Warna latar belakang
    Menggunakan warna
    <body bgcolor=#nnnnnn> . . . </body>
Menggunakan gambar
    <body background=“nama_file_gambar”> . . . </body>
Heading
    Untuk judul atau sub judul dalam dokumen HTML
    <h1 [align=”left”|”center”|”right”]> . . . </h1>
    <h2 [align=”left”|”center”|”right”]> . . . </h2>
    <h6 [align=”left”|”center”|”right”]> . . . </h6>
Paragraph
    Untuk mengatur perataannya (kiri, tengah, kanan):
    <p [align=”left”|”center”|”right”]> . . . </p>
preformatted text
    Untuk menampilkan teks sama seperti yang diketikkan dalam dokumen HTML:
    <pre> . . . </pre>
blockquote
    Untuk menampilkan teks sama seperti yang diketikkan dalam dokumen HTML:
    < blockquote> . . . </ blockquote>
Break
    Untuk menulis teks pada baris berikutnya: <br>
Font
    Ukuran font
    <font size=“n”> . . . </font>
    Jenis font
    <font size=“n” face=“jenis_font”> . . . </font>
    Warna font
    <font size=“n” face=“jenis_font” color=“warna”> . . . </font>
Untuk format dokumen
    Bold:
    <b> . . .</b>
    Emphasized:
    <em> . . . </em>
    Italic:
    <i> . . . </i>
    Superscript:
    <sup> . . .</sup>
    Subscripted:
    <sub> . . . </sub>
    Struck trough:
    <del> . . . </del>
Gambar
    Untuk Memuat gambar ke dalam halaman Web 
    <img src=”URL”|”name” height=”n” width=”n” align=”top”|”center”|”bottom”] />
Untuk hypertext link
    Format:
    <a href=”address” > . . . </a> 
    Link ke dokumen lain
    <a href=”nama_dokumen” > . . . </a>
    Link ke bagian tertentu dalam dokumen yang sama
    <a href=”#target” > . . . </a>
    <a href=”target” > . . . </a>
    Link ke alamat URL atau WebSite
    <a href=”alamat_URL” > . . . </a>
    Link ke alamat Email
    <a href=”mailto:alamat_email” > . . . </a>
    Link File yang akan didownload
    <a href=”nama_file” > . . . </a>
Download file disini

 134 total views,  1 views today

Leave a Reply

Your email address will not be published. Required fields are marked *

1 + eight =