Merhaba arkadaşlar,
HTML konularının yarısına kadar olan kısmı elimden geldiğince sizlere aktarmaya çalıştım. Bu akşam ki dersimizde ise <p> tag’ının kullanımın nasıl olduğunu hep birlikte göreceğiz. <p> tag’ı harfindende anlaşılabileceği gibi paragraf anlamına gelmektedir. Web sayfalarında bu etiketi belli aralıklarda kullanıyoruz.
Yeni bir paragraf açarken/kapatırken kullanılır. Browser <P> tag’iyle karşılaştığı yerde yukarıdan ve aşağıdan biraz boşluk bırakır. Çoğu browser kapama tag’ının olmasına ihtiyaç duymaz.
Örnek:
1 <!DOCTYPE html>
2 <html>
3 <body>
4
5 <p>Sanalkurs.net</p>
6 <p>Sanalkurs.net</p>
7
8 </body>
9 </html>
align=”right” align=”left” align=”center” align=”justify” kullanımını <p> tag içerisinde gerçekleştirerek paragrafımızı hizalayabiliriz.
Örnek:
1 <!DOCTYPE html>
2 <html>
3 <body>
4
5
6 <p align="right">Sağa Yasla.</p> <-- align="right" kullanımı. -->
7 <p align="left">Sola Yasla.</p> <-- align="left" kullanımı. -->
8 <p align="center">Ortala</p> <-- align="center" kullanımı. -->
9
10
11 <p align="justify">Anne ve babası ölünce Harry, en yakın akrabaları olan
teyzesi Petunia Dursley ve kocası Vernon Dursley ile birlikte yaşamaya başlar.
Dursley ailesi Muggle'dır. Harry'yi her zaman hor görürler, ona kötü davranırlar.
Çocukları Dudley Dursley'ye en ufak bir şey olduğunda onu sorumlu tutarlar.
Harry'nin buradaki yaşamı kabus gibidir. 11 yaşına geldiğinde ise her şey Hogwarts
denilen büyücülük okulunun ona mektuplar yollamaya başlamasıyla değişir.
Buradan mektup almasını istemezler çünkü onlara göre sihir, istenmeyen bir şeydir.
Onlara göre, sihirbaz ve cadılar hilkat garibesidir. Yapabildikleri sihirler
bir artı yön değil, zayıflıktır.</p> <-- align="justify" kullanımı. -->
12 <p><b>Bilginize:</b>Büyük ölçekli soyut dökme bronz ve mermer heykelleri ile
tanınmış ve bir ölçüde modernizmin belli bir biçiminin Birleşik Krallık'a
girmesinde öncülük etmiştir.</p>
13
14</body>
15</html>
Ekstra Bilgi:
<p align="left|right|center|justify">
şeklinde verileri kullanabilirsiniz.
<p style="text-align:right">
CSS olarak şeklinde kullanabilirsiniz.
- emresupcin
- Html
- 3 Temmuz 2013 - 22:01
- Yorum Yok
- 2850 Görüntülenme
