HTML Paragraf(Paragraphs)

HTML TEMELLERİ

HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)

HTML5
İLERİ SEVİYE

HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)

CSS TEMELİ

CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)

html paragraf başı

html paragraf kodu

html paragraf ortalama

html paragraf rengi

html paragraf etiketleri

html paragraf hizalama

html paragraf yazı boyutu

html paragraf düzenleme

html paragraf boşluk

html paragraf başı kodu

html paragraf girintisi

html paragraf boşluğu

html paragraphs style

html paragraphs side by side

html paragraphs next to each other

html paragraphs in same line

html paragraphs are defined with the h tag

html paragraphs with indent

html paragraph spacing

html paragraphs with indent

Html


<p>Bu bir paragraf.</p>
<p>Bu da diger bir paragraf.</p>

<p>
Benim ismim Enes.
Bu benim ilk paragrafim.
</p>
<p>Benim ismim Enes.<br>Bu benim ilk paragrafim.</p>

<pre>
Benim ismim Enes.
Bu benim ilk paragrafim.    
</pre>

Sitemizin sayfasına nasıl başlık atacağımızı bir önceki yazımızda öğrenmiştik. Peki ya nasıl altına paragraf yazıcağız. Bunu öğrenmeden ufak bir konudan bahsetmek istiyorum. Bilgi Satırları..

Bu Da Nedir ?

Değerli ziyaretçilerim bu yazdığınız kodların yanına üstüne yada altına bir açıklama yazmak istediğinizde kullanılır. Yani diyelim bir iletişim sayfası hazırlıyorsunuz iletişim sayfasında ne vardır ?. Harita, iletişim formu, iletişim bilgileri yazısı gibi bölümler var diyelim bunlar birbirinden ayrılsın diye kullanabilirsiniz. Editörümüz de ise paragrafı değişik biçimlerde örnekler verirken aralarını bilgi satırlarıyla ayırmışım.

Paragraf Yazma Etiketine Geri Dönelim...

<p> Bu etiketin içine paragrafımızı yazıyoruz. Fakat bir konuda dikkatinizi çekmek istiyorum. Normalde bir metin belgesinde yada Word dosyasında yazı yazarken enter bir alt satıra geçmenize yarıyor..Burada da yazıyor bir fark yok der gibisiniz ama kodunuzu çalıştırdığınızda paragrafınız istediğiniz yerden alt satıra inmediğini fark edeceksiniz..

Pek Nasıl Bir Alt Satıra İneceğiz ?

Çözümü basit <br> etiketini kullanarak ineceğiz. Paragrafta istediğiniz yerde alt satıra inmek istediğiniz yere bu etiketi koyarak yapabilirsiniz.

Ben <br> kullanmak istemiyorum karışıyor..

Hımm. Bende sizinle aynı fikirdeyim o zaman size başka bir etiket öğreteyim.<pre> etiketi ile not defterinde yada kod editöründe paragraf aynı şekilde tarayıcınızda gösterecektir yalnız normal p etiketinin de olan font boyutu ve özeliği biraz değişiyor fakat bunu ileriki derslerimizde yazı stillerini işlerken istediğiniz gibi boyut,renk,biçim verebiliceksiniz..

Enes KILIÇ
Webmaster