HTML

HTML singkatan dari Hyper Text Markup Language merupakan Bahasa Pemrograman untuk membuat Web Site, script program di tulis di Notepad dengan extension .html,... Halaman web site utama (main page) yang dibaca dan ditampilkan pertama kali oleh Browser, harus diberi nama : index.html,... pemberian nama halaman-halaman selanjutnya terserah anda, misalnya : page01.html, page02.html... dst.

DAFTAR ISI - Table of Contents

Struktur halaman HTML

Struktur tata letak file

Headings

Paragraphs



1. Struktur halaman HTML

back to top

  <!DOCTYPE html>
  <html>       <!-- Start of Code html -->
  <head>       <!-- Start of Code head -->
    <!-- area untuk script head -->
  </head>      <!-- End of Code head -->

    <body>     <!-- Start of Code body -->

      <!-- area untuk script body -->

    </body>    <!-- End of Code body -->

  </html>      <!-- End of Code html -->

2. Struktur tata letak file

back to top

css
images
java
index.html

Folder css berisi file style.css, script untuk isi file ini masih tetap dibuat di notepad... yang mana script ini ditujukan untuk pengaturan font, warna, tata letak atau posisi di layar monitor, dll.

Folder images berisi file-file image, di rekomendasikan file ini menggunakan format PNG.

Folder java berisi file java.js, bahasa pemrograman java, script untuk isi file ini masih tetap dibuat di notepad...


3. Headings

back to top

Penulisan script nya sbb:
  <!DOCTYPE html>
  <html>
  <head>
    <!-- area untuk script head -->
  </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>
Hasilnya akan terlihat seperti dibawah ini :

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

4. Paragraphs

back to top

Penulisan script nya sbb:
  <!DOCTYPE html>
  <html>
  <head>
    <!-- area untuk script head -->
  </head>
    <body>
  
      <p>
      Paragraph lebih dari satu baris, kalau kalimat hanya satu baris tidak pakai code 
      Paragraph juga tidak apa-apa  bla bla bla ... 
      Paragraph lebih dari satu baris, kalau kalimat hanya satu baris tidak pakai code 
      Paragraph juga tidak apa-apa  bla bla bla ...
      Paragraph lebih dari satu baris, kalau kalimat hanya satu baris tidak pakai code 
      Paragraph juga tidak apa-apa  bla bla bla ...
      </p>

      <p style="text-align:justify">
      Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... 
      Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ...
      Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ...
      Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ...
      </p>
  
    </body>
  </html>  
Hasilnya akan terlihat seperti dibawah ini :

Paragraph lebih dari satu baris, kalau kalimat hanya satu baris tidak pakai code Paragraph juga tidak apa-apa bla bla bla ... Paragraph lebih dari satu baris, kalau kalimat hanya satu baris tidak pakai code Paragraph juga tidak apa-apa bla bla bla ... Paragraph lebih dari satu baris, kalau kalimat hanya satu baris tidak pakai code Paragraph juga tidak apa-apa bla bla bla ...

Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ... Paragraph rata kiri-kanan bla bla bla ...