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>
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
Posting Komentar