HTML & CSS

HTML İle Yazıya Çerçeve Ekleme

Merhabalar. Başlıkda da gördüğünüz üzere bu yazımızda sizlere HTML web programlama dili ile yazıya/metine çerçeve eklemeyi göstereceğim. Konuyu biraz daha örneklerle anlatarak anlamanıza yardımcı olacağım.

Hangi Zamanlarda Yazıya Çerçeve Eklemeliyiz?

Örnek veriyorum size ait bir web siteniz var. Siz bu web sitenizde ‘Çorba Nasıl Yapılır?’ başlıklı makale paylaşıyorsunuz. Çorba yapımında kullanılan malzemeleri çerçeve içine eklemeniz gerekiyor. Çünkü web sitenize girecek kullanıcı ilk başta gözleri malzemeler bölümünü arayacaktır. Aynı zamanda iç içe tablolar kullanmamak şartı ile SEO (Arama Motoru Optimizasyonu) da başarı elde edip ilk sayfalarda görünme olasılığınız artar. Yani bu HTML ile yazıya çerçeve ekleme kodu ile her zaman kârlı siz çıkarsınız.

Bu Kod Sitemizde Güvenlik Açığı Bırakırmı?

Eğer iyi bir web site yöneticisi iseniz bazı <iframe> benzeri kodların web sitede SSL sertifikasını devre dışı bırakabildiğini biliyorsunuzdur. Bu kod web sitenizde hiç bir güvenlik açığı bırakmaz (değişiklik yapılmadığı sürece).

HTML İle Yazıya Çerçeve Ekleme

Basit birkaç kod örneği ile sizde web sitenizin ana sayfasında, sayfalarında veya makalelerinde kullanabilirsiniz.

1. Şekil
<p style="border:dotted">dotted</p>

dotted

2. Şekil
<p style="border:dashed">dashed</p>

dashed

3. Şekil
<p style="border:solid">solid</p>

solid

4. Şekil
<p style="border:double">double</p>

double

5. Şekil
<p style="border:groove">groove</p>

groove

6. Şekil
<p style="border:ridge">ridge</p>

ridge

7. Şekil
<p style="border:inset">inset</p>

inset

8. Şekil
<p style="border:outset">outset</p>

outset

html yazıya kenarlık ekleme

Toplu olarak yukarıda ki gibi görülür. Aynı zamanda basit bir kod değişikliği ile çerçevelerinizin rengini ve yine basit bir kod değişikliği ile çerçevelerinizin kalınlığını arttırabilirsiniz. Örneği aşağıda ki gibidir;

Renk
<p style="border:solid green">Örnek</p>

Örnek

Kalınlık
<p style="border:solid 5px">Örnek</h5>

Örnek

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir