“HTML Semboller: Karakterler Arası Görsel İfade”

HTML, web sayfalarını oluşturmak için kullanılan temel bir işaretleme dilidir. Birçok durumda, metin içerisinde özel semboller kullanmak isteyebiliriz. Bu semboller, sayfalarımıza estetik bir görünüm kazandırabilir ve kullanıcı deneyimini zenginleştirebilir. HTML sembollerini kullanarak, metinlerimizi daha anlamlı ve çekici hale getirebiliriz. İşte HTML sembollerini anlatan bir rehber ve örnek kod blokları:

HTML Sembol Kullanımı

HTML sembollerini kullanmak oldukça basittir. Çoğu sembol, & (ampersand) işareti ile başlar ve ; (noktalı virgül) ile biter. Bu iki işaret arasına sembolün adını veya sembolün Unicode karakterini koyarız. Örneğin, kalp sembolünü eklemek için &hearts; kullanırız.

&lt;p&gt;Benim kalbim &amp;hearts; senin için atıyor!&lt;/p&gt;

Yukarıdaki örnekte, HTML sembolü <p> (paragraf) içinde kullanılmıştır ve ekrana “Benim kalbim ♥ senin için atıyor!” şeklinde görüntülenir.

Temel HTML Semboller

İşte yaygın olarak kullanılan bazı temel HTML sembollerinin bir listesi:

Kalp Sembolü: &hearts;
Ok Sembolü (Sağa): →
Ok Sembolü (Sola): ←
Artı Sembolü: +
Çarpı Sembolü: ×
Copyright Sembolü: ©
Ticaret İşareti Sembolü: ™
Yüz Güldüren Emoji: &#128512-; (Virgülden önceki bu işareti – koymadan yazalım.)

Pratik Uygulama

HTML sembollerini kullanarak pratik bir örnek yapalım. Bir başlık içerisinde kalp sembolü ve bir liste kullanalım:

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;HTML Sembol Örnek&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;h1&gt;HTML Sembol Kullanımı &lt;span style="color: red;"&gt;&amp;hearts;&lt;/span&gt;&lt;/h1&gt;

    &lt;p&gt;İşte bazı temel HTML sembollerinin kullanımına dair örnekler:&lt;/p&gt;

    &lt;ul&gt;
        &lt;li&gt;&amp;rarr; Sağa ok&lt;/li&gt;
        &lt;li&gt;&amp;larr; Sola ok&lt;/li&gt;
        &lt;li&gt;&amp;plus; Artı işareti&lt;/li&gt;
        &lt;li&gt;&amp;times; Çarpı işareti&lt;/li&gt;
        &lt;li&gt;&amp;copy; Telif hakkı işareti&lt;/li&gt;
    &lt;/ul&gt;

&lt;/body&gt;
&lt;/html&gt;

Bu HTML dokümanı, bir başlık içinde kalp sembolü ve bir liste içinde diğer sembollerin kullanımını gösterir. Tarayıcınızda açarak nasıl göründüğünü kontrol edebilirsiniz.

HTML sembollerini kullanmak, sayfalarınıza kişisel bir dokunuş eklemenin harika bir yoludur. Bu semboller, metinleri daha etkileyici hale getirmek ve kullanıcıların dikkatini çekmek için güçlü bir araçtır.

HTML Sembol Kullanımı

Temel HTML Semboller

Pratik Uygulama

Bir yanıt yazın Yanıtı iptal et