HTML

Paraqraflar

Paraqraflar

Bu bölmədə biz paraqraflar haqqında danışacağıq. Paraqraf aşağıdakı teq vasitəsi ilə verilir: 

<p> </p> 

Paraqraf vasitəsi ilə biz mətni mərkəzləşdirə bilərik: 

<p align="center">mətn</p> 

Paraqraf vasitəsi ilə biz mətni sol tərəf üzrə düzləndirə bilərik: 

<p align="left">mətn</p> 

Və ya mətni sağ tərəf üzrə düzləndirə bilərik: 

<p align="right">mətn</p> 

Hər iki tərəf üzrə nizamlaya bilərik: 

<p align="justify">mətn</p> 

İndi paraqrafı bizim sənədə daxil edək və görək nə alınacaq (Bizim nümunədə mən paraqrafı mətnin mərkəzləşdirilməsi ilə istifadə etdim (align="center"), siz isə paraqrafın digər xassələrini də yoxlayın (left, right və justify).


 

     

<html>
<head>
<title>Menim ilk addimim</title>
</head>
<body text="#336699" bgcolor="#000000">
<p align="center">
Salam, bu menim ilk sehifemdir.
<br>
<font color="#CC0000"> Xosh gelmisiniz</font> :) </p>
</body>
</html> Nümunə


 

Bizim HTML və paraqrafa qayıdaq. Yadda saxlayın: Heç vaxt sənəddə aşağıdakı tip konstruksiyadan istifadə etməyin:

<p></p>

Heç bir elementdən ibarət olmayan boş <p> elementləri brouzerlər tərəfindən iqnor olunmur. Bunu yaddan çıxarmayın. Fikir verin ki, əgər mətndə paraqrafdan istifadə edilməyibsə, onda mətn susmaya görə sol tərəfdən düzlənmiş yazılır. Həmçinin onu da yadda saxlayın ki, paraqrafda yeni sətrə keçid olan <br> teqindən istifadə olunmur, yəni burada keçid susmaya görə yazılır. Əgər sizə bu keçid heç cür lazım deyilsə, onda nə etməli? <p align="center"> teqinə oxşar teq var: 

<center> mətn </center>


 

     

<html>
<head>
<title>Menim ilk addimim</title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
Salam, bu menim ilk sehifemdir.
<br>
<font color="#CC0000">Xosh gelmisiniz</font> :) </center>
</body>
</html> Nümunə


 

Həmçinin, oxucumuz hirslənə bilər ki, "Bəs digər uyğunlaşma tipləri? Siz alternativ mərkəzləşmədən danışdınız." 

Narahat olmayın, sadəcə olaraq mən sizə hamısını danışa bilmədim :)

<center> teqi yaxşıdır, lakin o HTML-in digər variantlarından mövcuddur (onlardan da çox olar, bu dünyada hər şey inkişaf edir, HTML də bunlardan kənarda qalmır). Hələ ki, bu teqi heç kim götürməyib, onu istifadə etmək olar, lakin çox da arzu olunan deyil.

Bəs necə etməli? Yaxşısı budur <div></div> teqlərindən istifadə etməli, onun "align" atributunun aşağıdakı 4 xassəsi var:

<div align="center"> mətn </div> 
<div align="left"> mətn </div> 
<div align="right"> mətn </div> 
<div align="justify"> mətn </div>


 

     

<html>
<head>
<title>Menim ilk addimim</title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
Salam, bu menim ilk sehifemdir.
<br>
<font color="#CC0000">Xoş gəlmisiniz</font> :) </div>
<p align="justify">
Men hele teze-teze virtual dunya ile tanish olmusham, lakin artiq ozume ev sehifesi duzeltmek isteyirem. Menim dostlarim ve tanishlarim menim shekillerime baxmaq ve menim haqqimda oxumaq uchun bura baxa bilerler, oz urek sozlerini qonaq kitabima yaza bilerler. Ola biler ki, kim ise tesadufen bu sehifeye daxil olsun ve menim daha bir virtual dostum artsin. :)
</p> 
</body>
</html> Nümunə


 

Burada sizin üçün elə-belə, çıxış mətni yazmışam, yəqin ki, siz öz mətninizi fikirləşərsiniz. Lakin biz hər şeydən əvvəl <div> və <p> haqqında söhbəti sona çatdıraq. Paraqraf daxilində digər paraqraflar saxlamır, həmçinin də <div></div>. Yəni növbəti konstruksiya düzgün deyil və bu cür sənəd yaratmaq düzgün deyil:

<p align="right">
<p>mətn</p>
<p>mətn</p>
<p>mətn</p>
</p>




<p align="right">
<div>mətn</div>
<p>mətn</p>
<div>mətn</div>
</p>


Lakin <div> öz daxilində paraqraflar saxlaya bilir. Onun köməkliyi ilə biz onları məsələn, sağ tərəf üzrə düzləndirə bilərik.

<div align="right">
<p>1-ci abzasın teqi</p>
<p>2-ci abzasın teqi</p>
<p>3-cü abzasın teqi</p>
</div>


Əlbəttə ki, <p> və <div> özlərində təkcə elementlərin uyğunlaşmasını saxlamırlar. Lakin burda biz yalnız uyğunlaşmadan danışdığımız üçün <div> və <p>-nin digər xassələrindən danışmayacağıq, onlar haqqında növbəti mövzularda danışılacaq. Yəni bu bir az çətin mövzudur və buna hələ ki, siz hazır deyilsiniz.