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