HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

HTML Paragrafları


Paragraf her zaman yeni bir satırda başlar ve genellikle bir metin bloğudur.


HTML Paragrafları

HTML <p>öğesi bir paragraf tanımlar.

Paragraf her zaman yeni bir satırda başlar ve tarayıcılar paragraftan önce ve sonra otomatik olarak biraz boşluk (kenar boşluğu) ekler.

Örnek

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

HTML Görüntüsü

HTML'nin nasıl görüntüleneceğinden emin olamazsınız.

Büyük veya küçük ekranlar ve yeniden boyutlandırılmış pencereler farklı sonuçlar yaratacaktır.

HTML ile, HTML kodunuza fazladan boşluk veya fazladan satır ekleyerek görüntüyü değiştiremezsiniz.

Sayfa görüntülendiğinde tarayıcı, fazladan boşlukları ve satırları otomatik olarak kaldıracaktır:

Örnek

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>


HTML Yatay Kuralları

Etiket <hr>, bir HTML sayfasındaki tematik bir mola tanımlar ve çoğunlukla yatay bir kural olarak görüntülenir.

Öğe , <hr>bir HTML sayfasındaki içeriği ayırmak (veya bir değişikliği tanımlamak) için kullanılır:

Örnek

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

Etiket <hr>boş bir etikettir, yani bitiş etiketi yoktur.


HTML Satır Sonları

HTML <br>öğesi bir satır sonunu tanımlar.

<br>Yeni bir paragraf başlatmadan bir satır sonu (yeni bir satır) istiyorsanız kullanın :

Örnek

<p>This is<br>a paragraph<br>with line breaks.</p>

Etiket <br>boş bir etikettir, yani bitiş etiketi yoktur.


Şiir Problemi

Bu şiir tek bir satırda gösterilecektir:

Örnek

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

Çözüm - HTML <pre> Öğesi

HTML <pre>öğesi, önceden biçimlendirilmiş metni tanımlar.

Bir <pre>öğenin içindeki metin, sabit genişlikli bir yazı tipinde (genellikle Courier) görüntülenir ve hem boşlukları hem de satır sonlarını korur:

Örnek

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

HTML Alıştırmaları

Egzersizlerle Kendinizi Test Edin

Egzersiz yapmak:

"Merhaba Dünya!" Metnini içeren bir paragraf eklemek için doğru HTML etiketini kullanın.

<html>
<body>

</body>
</html>


HTML Etiket Referansı

W3Schools' etiket başvurusu, HTML öğeleri ve nitelikleri hakkında ek bilgiler içerir.

Tag Description
<p> Defines a paragraph
<hr> Defines a thematic change in the content
<br> Inserts a single line break
<pre> Defines pre-formatted text

Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .