Elemen Paragraf HTML

Paragraf terkait dengan pemformatan dan penempatan teks pada situs web kita. Seperti inilah tampilan elemen paragraf :

<p>This is a paragraph.</p>

Elemen paragraf memiliki tag pembuka <p> dan tag penutup </p>, diantara keduanya terdapat konten yang menjadi isi dari paragraf.

Elemen paragraf bersifat blok, artinya tiap paragraf akan berpindah ke baris dibawahnya bukan disampingnya (inline).

Latihan Membuat Elemen Paragraf

Kita akan membuat 3 buah elemen paragraf seperti berikut:

latihan membuat elemen paragraf html

Untuk membuat 3 paragraf diatas, kita perlu memberikan tag <p> untuk pembuka paragraf dan tag </p> untuk penutup paragraf seperti berikut:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet quam ac nisl ullamcorper tincidunt quis eget nulla. Suspendisse ac turpis placerat dolor tempor hendrerit. Pellentesque ac risus ac nibh mollis ornare vitae ac velit. Nam sit amet semper ante. Nunc viverra sed urna non blandit. Nam enim erat, vestibulum quis aliquet sit amet, pellentesque non lectus. Aenean at congue quam. Donec sollicitudin, nisl ut auctor fermentum, augue magna eleifend lacus, lobortis placerat felis quam sit amet justo. Sed quis mollis arcu. Sed ac elementum nisl. Quisque mattis sodales leo ac tristique. Fusce non finibus augue, dignissim sagittis dui. Praesent sit amet ligula nunc. Cras tincidunt tempor neque id faucibus. Pellentesque nec purus tempus, consectetur urna eu, venenatis enim. Donec molestie magna eget diam egestas molestie.</p>

<p>Integer eleifend facilisis turpis accumsan placerat. Vivamus et risus enim. Nullam ultricies risus libero, vitae varius sapien gravida pretium. Integer vel convallis diam. Nulla consectetur eget mauris a bibendum. Praesent vel eros nibh. Phasellus fringilla velit et urna tempus blandit. Curabitur gravida vel erat congue elementum.</p>

<p>Fusce eu magna ac urna ultricies pulvinar. Ut at eros nec risus finibus pretium et ac ligula. Suspendisse eu lectus dignissim justo fringilla auctor at non ipsum. Vivamus dapibus, arcu eu malesuada volutpat, nulla augue viverra neque, id efficitur ante elit eu turpis. Fusce et sem sit amet justo vulputate lobortis eget eget magna. Nam in sem a nibh volutpat tincidunt. Donec et ultricies mauris, commodo faucibus purus. Sed quam magna, placerat vitae turpis in, consectetur sagittis nisi. Sed tincidunt nunc ligula, ut tincidunt ante faucibus nec. Etiam euismod ac neque eget mollis. Mauris purus nulla, lobortis non pellentesque et, pulvinar non massa. Vivamus ultrices, nulla vel mattis interdum, sapien velit elementum ipsum, at vehicula lectus dolor sed lacus. Sed metus sem, fringilla nec massa quis, malesuada tempus dolor. Aliquam tellus ex, commodo ac elit nec, condimentum mollis libero.</p>

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *