Format teks Halaman Web

1.      Struktur Dasar Dokumen HTML


Struktur file HTML diawali dengan sebuah tag<html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag<head>…</head> dan tag <body>…</body>.
·         HEAD     : Merupakan header dari halaman HTML dan tidak ditampilkan pada                    browser. Bagian ini berisi tag-tag header seperti <tittle>… </tittle> yang       berpungsi untuk mengeluarkan judul pada tittle bar window web                       browser.
·         BODY     : Merupakan bagian yang akan ditampilkan pada halaman web browser                 nantinya.

2. Pemformatan teks dan paragrap

Tag HTML Pemformatan Teks
- <b> :  Mendefinisikan teks tebal
- <em> : Mendifinisikan teks menekankan
- <i> : Mendefiniskan teks miring
- <small> : Mendefinisikan teks kecil
- <strong> : Mendefinisikan teks penting
- <sub> : Mendefinisikan teks di bawah garis
- <sup> : Mendefinisikan teks di atas garis
- <ins> :Mendefinisikan teks sisipan
- <del> :Mendefinisikan teks di coret
- <mark> : Mendefinisikan teks di tandai

Pemformatan Paragraf
Tag HTML untuk paragraf adalah , dengan tag penutup <br />
.
biasanya tag ini digunakan setelah ada tag <h1>
 ... </h1>
sampai <h6>
 ... </h6>
.

Contoh script :


<html>
<head>
 <title>Pemformatan Paragraf</title>
</head>
<body>

Ini adalah paragraf 1<br />

Ini adalah paragraf 2 <br />


</body>
</html>

3. Pembuatan List minimal

 List Minimal
<html>

    <head>
<title>Membuat list minimal</title>
 </head>
      <body>
<ol>
<li>teks  </li>
<li>teks 2 </li>
<li>teks dsb. </li>
</ol>
</body>
     </html>
Copy ke notepad dan buka lewat browser kalian, maka tampilannya akan seperti gambar dibawah ini.
Cara membuat List Minimal dan List kombinasi Menggunakan Kode HTML
Kalian bisa mengganti tag ol dengan ul dan juga menambahkan attribut sesuai dengan kreasi kalian masing-masing.

4. Pembuatan List kombinasi


Membuat list kombinasi saya rasa tidak cukup sulit, hanya saja kita harus meletakkan kodenya dengan teliti agar list yang kita buat tidak kacau. Kita akan membuat list kombinasi sesuai seperti gambar dibawah.
Cara membuat List Minimal dan List kombinasi Menggunakan Kode HTML

Pertama, tulis atau copy kode dibawah dengan notepad kalian.
<html>
    <head>
<title>Membuat list Kombinasi</title>
 </head>
      <body>
Daftar Makanan
<ol>
<li>Ayam </li>
<li>Soto </li>
</ol>
</body>
     </html>
</mark></del></ins></sup></sub></strong></small></i></em></b></html>

Komentar

Postingan Populer