Blogumdaki tarifleri nasıl biçimlendiririm?

soru işareti ?Okuyucu sorusu:
Tarifleri biçimlendirmede ve sütunları sıralamada sorun yaşıyorum. Genellikle malzemeler ve miktarlarla birkaç satır yaparım ve geri dönüşe basarım. Ardından, malzemeleri ve miktarları vurgulayacağım ve madde işareti işlevine tıklayıp geri alacağım. Sonra malzemeler bir araya geliyor ama aynı hizada değiller! Neyi yanlış yapıyorum?

Melanie’nin cevabı:

Yanlış bir şey yapıyormuşsun gibi gelmiyor. Belirli bir HTML olmadan bazı şeyleri biçimlendirmenin iyi bir yolu yoktur (size birazdan göstereceğim bir tablo için olduğu gibi). Tariflerin malzemelerini sıralamak istediğiniz için birkaç seçeneğiniz olduğunu düşünüyorum.

  1. Listeyi madde işaretli bir listeyle biçimlendirmeye çalışmak yerine, yalnızca içeriğin miktarını yazın, boşluk tuşuna basın ve ardından içeriğinizi yazın (ziyaret ettiğim çoğu yemek tarifi sitesinde olduğu gibi). Örnek vermek:
  2. 10 adet roma domates
    1 sarı soğan
    1 kireç
    1 demet taze maydanoz
    1 jalapeno biberi

  3. Yukarıdaki basit yazılı listeyi beğendiyseniz, ancak girintilemek istiyorsanız, bunu madde işaretli bir liste olmadan yapabilirsiniz. Listenizi yazın, vurgulayın ve ardından editörünüzde blok alıntı düğmesine tıklayın. Şuna benziyor: Listeniz şöyle görünecek:

    10 adet roma domates
    1 sarı soğan
    1 kireç
    1 demet taze maydanoz
    1 jalapeno biberi

    Yukarıdaki 1 numaralı listeden çok ince bir fark var, ancak biraz girintili olduğunu fark etmelisiniz. NOT: Blok alıntılarınız muhtemelen benimkinden farklı görünecektir çünkü şablonum, biçimlendirmenin bir parçası olarak metne otomatik olarak gri rengi ve soldaki satırı ekler. Şablonunuz muhtemelen yalnızca metninizi girintileyecektir.

  4. İstediğiniz bu değilse, bir HTML tablosu uygulayabilirsiniz. Size karşı dürüst olacağım: özellikle HTML ile ilgili deneyiminiz yoksa, yukarıdaki yöntem daha kolaydır. HTML ile bir tablo oluşturmak kolaydır, ancak ne yaptığınızı takip etmeniz gerekir, aksi takdirde hücreler yanlış hizalanır. Basit bir tablo ile içindekiler listeniz şöyle görünebilir:
  5. 1 domates olabilir
    1 demet maydanoz
    1 sarı soğan
    1 Misket Limonu
    1 Jalapeno biberi
  Blogumdaki yorumlara yanıt vermenin en iyi yolu nedir?

Bu tablonun HTML’si şöyle görünür (kırmızı yorumlar size HTML’nin ne yaptığını söyler ve tablonuz için yazdığınız HTML’de kullanılmamalıdır):

tablonun başlangıcını gösterir

bir tablo satırının başlangıcını gösterir

1 kavun

bir tablo hücresinin başlangıcını işaret eder;

o hücrenin sonunu gösterir. İstediğiniz kadar tablo hücresine sahip olabilirsiniz (

) isterseniz üst üste.

o tablo satırının sonunu gösterir

1 demet maydanoz

(yukarıdan tekrarlandı)

1 sarı soğan

1 Misket Limonu

masanın sonunu işaret ediyor

Gördüğünüz gibi, basit bir tablo ile sadece malzemelerinizi yazmak arasında pek bir fark yok. Tablonun tam olarak doğru görünmesini sağlamak için her bir hücrenin dolgusunu (hücrenin etrafındaki beyaz boşluk; bu, her tablo hücresinin etrafında daha fazla boşluk varmış gibi görünmesini sağlar) ayarlayabilirsiniz, ancak neyin işe yaradığını anlamak için biraz ince ayar ve deney yapmanız gerekir. senin için. HTML tablosu oluşturma hakkında daha fazla bilgi için bkz. HTML Tablolarında W3 Okulları Eğitimi.

Creative Commons lisansı Fotoğraf kredi: Leo Reinolds