Lika-Liku Anak SMK

Berisi tentang apa aja yang ada dipikiran hazeel nut semasa SMK-nya dan selama menjadi weebs yang sehat

Tuesday, September 13, 2016

Materi Ilmu RPL Pemrograman Web Materi SMK RPL Pemformatan Teks Pada Web

Pemformatan Teks Pada Web

by on in ,

            Yoo~ welcome back with Hazeel_Nut. Kali ini saya akan membagikan ilmu yang telah saya pelajari sebelumnya dengan sedikit kendala :v.






Format teks Halaman Web

  • 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.

  • 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>

  • 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>

  • 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.


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>.

Sekian, semoga bermanfaat

Erlanggafreeman.blogspot.com

Oleh Pada
Labels: ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)