Pre ve code bloğu

<pre><code> ile biçimlendirilmemiş kod bloğu yazarsın.

pre: önceden biçimlendirilmiş metin

<pre> etiketi önceden biçimlendirilmiş metni gösterir. Boşluklar, satır sonları ve girintiler olduğu gibi korunur. ASCII sanatı, posta adresi ya da sade metin belgesi göstermek için uygundur.

Örnek: <pre> içine iki satır yaz, satır aralarında gerçek satır sonu olsun. Tarayıcı metni tek satırda birleştirip boşlukları silmez; satır sonlarını korur. Oysa <p> boşlukları sıkıştırır.

pre içinde code: kod bloğu

Bir kod bloğu yazmanın standart yolu <pre> içinde <code> kullanmaktır. <pre> girinti ve satır sonlarını korur; <code> ise 'bu bilgisayar kodu' anlamını taşır.

Bir işlev tanımı içinde satır sonları ve girintiler olsun. Böylece işlev adı ve gövdesi girintili kalır; satır sonları bozulmaz. Yalnız <code> tek satır için yeterlidir; çok satırlı blok için <pre> gerekir.

Uygulama Kod bloğu yaz

Body içine bir <pre> ekle; içinde bir <code> olsun. <code> etiketinin içine bir işlev tanımı yaz: birinci satır function selamla() {, ikinci satır return "Merhaba";, üçüncü satır }. İkinci satırın başında iki boşluk olsun.

Örnek çözümü göster

<body>
  <pre><code>function selamla() {
  return "Merhaba";
}</code></pre>
</body>

Kendini test et

<pre> etiketinin temel görevi nedir?
- Metni renklendirmek
- Boşluk ve satır sonunu korumak
- Bağlantı vermek
- Resim göstermek
Cevabı göster

Boşluk ve satır sonunu korumak — Doğru. pre önceden biçimlendirilmiş metni olduğu gibi gösterir.

pre içinde code tamamla

<pre><____>kaydet()</code></pre>

Cevabı göster

<pre><code>kaydet()</code></pre>

Etiketi rolüyle eşleştir

<pre>

Boşluk korur
<code>

Kod parçası
<p>

Paragraf
<br>

Satır sonu

Sıradaki ders: Wbr ve bdi, bdo

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler