Html de paragraf tag ı olarak <p> kullanılır. Standart olarak paragraf diger taglarla arasında belirli bir mesafe bırakır. Türkçedeki gibi paragrafın ilk satırını içerden başlatmak da mümkün olsa da default ayarlarında bu ayarlı değildir. Eğer o şekilde kullanmak istersek bunu belirtmemiz gerekir. Genel hatlarıyla kullanımı aşağıdaki gibidir.
<html><head><title>Paragraf Tag</title></head><body><p>Burası ilk paragraf olarak kullanılmıştır. </p><p>Burası ise ikinci paragraf olarak kullanılmıştır. </p></body><html>
<html>
<head>
<title>Paragraf Tag</title>
</head>
<body>
<p>Burası ilk paragraf olarak kullanılmıştır. </p>
<p>Burası ise ikinci paragraf olarak kullanılmıştır. </p>
</body>
<html>
Paragraf tag ı bittiğinde sonraki gelen tag otomatik olarak alt satırdan devam eder. Paragraf yukarıda da belirttiğim gibi kendinden önceki ve sonraki nesneler arasına mesefe koyar. Örnek kod ile paragraf kullanımını gördük, peki ama eğer Türkçedeki gibi ilk satırı biraz içeriden başlatmak istersek ne yapmalıyız? Bunu CSS kodu ile kontrol etmemiz mümkün.
style="text-indent:33px"
Yukarıdaki kod parçaçığını paragraf tag ına yerleştirdiğimizde paragrafın ilk satırı 33px içeriden başlayacaktır. CSS kodunu tag lara satır içerisinde belirtmek için tag isminden sonra style=”css kodları” diyerek istediğimiz css kodlarını vermemiz mümkün. Şimdi birde yukarıdaki örneği paragraf boşluğu olacak şekilde yeniden görelim
<html>
<head>
<title>Paragraf Tag</title>
</head>
<body>
<p style="text-indent:33px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sagittis pulvinar cursus. Nam eu elementum enim. Cras nunc quam, venenatis et nibh a, pretium congue neque. Nulla facilisi. Etiam viverra lorem in lorem vehicula, eu consectetur sapien pharetra. Duis imperdiet tellus est, vitae placerat felis sollicitudin sit amet. Morbi auctor libero sed ipsum ultrices tristique. Maecenas placerat et arcu nec fringilla. Etiam hendrerit ac purus in tempus. Phasellus luctus ornare tellus, at sollicitudin est molestie et. Vivamus arcu libero, tristique quis sem eget, hendrerit viverra ipsum. Vivamus non nulla massa. Fusce quis dapibus dolor. Donec laoreet lacinia auctor.
</p>
<p style="text-indent:33px">
Nam nec nulla tellus. Nam pretium libero ac ligula iaculis, at rutrum purus tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam rhoncus, purus vitae varius consequat, ligula odio vestibulum ante, et rutrum nulla nibh eu nisi. Etiam vel ultricies nisi. Curabitur eget arcu nec urna condimentum dapibus eu in libero. Aenean ac hendrerit mauris, eu imperdiet tellus.
</p>
</body>
<html>
