Cara membuat Paragraph, Preformatted text, blockquote, break dan list
Cara Membuat Paragraph, Preformatted text, Blockquote, Break dan List
Oleh : Radarbolang
Yoo.. selamat siang semuanya
Pada artikel kali ini masih berhubungan dengan kemarin yaak.. ane share tentang cara membuat paragraf, bagaiaman menambahkan atau membuat list menggunakan HTML. Gak asing bukan dengan List ini, yang biasanya kita temui atau sering kita pakai di microsoft word.
1. PARAGRAPH atau <p>
Paragraf ini biasa digunakan untuk mengatur perataan rata kanan,
rata kiri, dan rata tengah.
Coba Contoh Berikut!
<html>
<head>
<title>
coba paragraph</title>
</head>
<body>
<h1><p align=”center”> Lirik Lagu No Good In
Good Bye</h1></p><br>
<p align=”right”> dari the Script</p><br>
<p align=”left”> All the things the with
lose<br>
Breaking up the,,,</p>
</body>
</html>
2. PREMORMATTED TEXT
Premormatted text ini juga untuk
menampilkan teks, sama seperti yang diketikkan dalam dokumen HTML:
<pre>
. . . </pre>
Coba contoh berikut!
<html>
<head>
<title>coba pre</title>
</head>
<body>
<pre> Dalam kesempatan ini saya mengumumkan bahwa</pre>
</body>
</html>
3. BLOCKQUOTE
Blockquote digunakan untuk
menulis kutipan teks:
<blockquote>
. . . </ blockquote >
Coba contoh Berikut!
<Html>
<head>
</head>
<body>
Ini adalah
paragraf normal
<BLOCKQUOTE>
<P>Ini
paragraf yang agak masuk ke dalam.
<P
align="justify">Ini juga contoh paragraf yang agak masuk ke dalam.
Dengan kalimat yang agak panjang, kita lihat bahwa <b>semua
baris</b> dalam paragraf ini letaknya agak masuk ke dalam. <i>Sama
rata sama jauhnya</i>.
</BLOCKQUOTE>
<P>Nah,
paragraf ini kembali normal, karena tag <i>blockquote</i> sudah
berlalu alias sudah ditutup di atas. Ngerti, kan?
</html></body>
4. BREAK
BREAK atau <br>
adalah untuk menulis
teks pada baris berikutnya.
<br>
5. LIST
Unordered
lists <UL>:untuk membuat daftar item dengan tanda bullet.
<ul
[type=“disc”|”square”|”circle”] > . . . </ul>
Ordered
Lists <OL>:
untuk membuat daftar item yang terurut.
<ol
[type=“1”|”a”|”A”|”I”|”i"] [start=“n”] > . . . </ol>
Definition
Lists <DL>:
untuk menjelaskan istilah-istilah.
<dl>
. . . </dl>
<dt>
. . . </dt>
<dd>
. . . [</dd>]
Daripada bingung kuy langsung ke contohnya aja gan!
<html>
<head>
<title> contoh
list</title>
</head>
<body>
<h1> Menu Kedai HOLA-HOLA</h1><br>
<ul type="disc"><li>Ayam Geprak</ul></li>
<ul type="circle"><li>Sate Cumi Bakar</ul></li>
<ul type="square"><li>Gudek Jogja</ul></li>
</body>
</html>
Nah itu dia contoh
sederhana untuk membuat Paragraph, Preformatted text, blockquote, break dan list di HTML
Selamat Mencoba
Selamat Mencoba dan Jangan lelah mencoba
Mohon Maaf bila ada
kesalahan...
Salam Radar:)
Komentar
Posting Komentar