Kategori arşivi: HTML-HTML5

HTML Sayfa İçi Link Verme

Bir Cevap Yazın

Html’de sayfa içi link vermek için hangi işlemler yapmamız gerektiğini bu yazıda detaylı olarak açıklayacağım. Bu işlem için ilk olarak linkimizi aşağıdaki örnekteki gibi oluşturuyoruz;

<a href="#iletisim">İletişim</a>

Burada sayfamızın üst bölümüne iletişim isimli bir link oluşturduk. Burada link adresimizi #iletisim olarak oluşturduk. Bu bölüm önemlidir. Sayfa içi link yapıları bu şekilde oluşturulmaktadır. Bu linke tıkladığımızda sayfanın alt bölümünde yer alan iletişim bölümüne gitmek istiyoruz. Bunun için aynı sayfada iletişim bilgilerinin yer aldığı alt bölümde istediğimiz yere aşağıdaki bilgiyi giriyoruz;

<a name="iletisim">

Bu işlemden sonra iletişim linkine tıkladığımızda yukarıdaki etiketi koyduğumuz yere gitmiş olacağız.

HTML Favicon Ekleme

Bir Cevap Yazın

Web sayfalarına giriş yaptığımızda tarayıcıda sekme üzerinden gözüken ufak görselin ismi favicon’dur. Web sitemize favicon görseli eklemek <head> etiketlerinin arasına aşağıdaki komutları eklememiz yeterli olacaktır;

<html>
<head>
<link rel="shortcut icon" type="image/jpg" href="resimyolu/resim.png"/>
</head>
</html>

Html konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

HTML Sayfa Başlığı Ekleme

Bir Cevap Yazın

Html’de sayfa başlığı eklemek için <title> etiketi kullanılmaktadır. Bu etiketteki değer tarayıcının sekme bölümünde gözükmektedir. Sitemizin arama motorlarında tanımlanması için eklenmesi gereken değerlerden bir tanesidir. Şimdi bu etiketi kullanarak basit bir web sayfası yapalım;

Not defteri açalım ve aşağıdaki kodları yazalım;

<html>
<head>
<title>Bilgisayar Eğitim Sitesi</title>
</head>
<body>
Web sitemize hoşgeldiniz
</body>
</html>

Bu komutları girdikten sonra dosyayı .html uzantılı (index.html) olarak kaydedelim ve dosyayı çift tıklayarak açalım. Evet title etiketini de kullanarak basit bir web sayfası oluşturmuş olduk. Tekrar görüşmek üzere. Şimdilik hoşçakalın.

HTML Alt ve Üst Simge Ekleme

Bir Cevap Yazın

Html’de bir ifadeye üst veya alt simge ekleyebiliriz. Bunun için alt simge olarak gözükmesini istediğimiz değerleri <sub></sub> etiketlerinin arasına, üst simge olarak gözükmesini istediğimiz değerleri ise <sup></sup> etiketlerinin arasına yazmamız gerekmektedir. Bu işlem için aşağıdaki örneği inceleyebilirsiniz.

<p>Bu metinde <sub>bu bölüm alt simge</sub> olarak gözükecektir.

<p>Bu metinde <sup>bu bölüm üst simge</sup> olarak gözükecektir

Html sayfamızda üssü sayılar kullanmak istediğimizde <sup></sup> etiketlerini kullanabiliriz. Html ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

HTML’de Boşluk Bırakma Kodu

Bir Cevap Yazın

Html’de kelimeler arasında boşluk bırakmak istediğimizde backspace tuşunu sadece bir karakterlik boşluk bırakacak şekilde kullanabiliriz. Daha fazla aralıklı boşluk bırakmak istediğimizde ise &nbsp; değerini kullanmamız gerekmektedir. Bu işlem için aşağıdaki örneği .html sayfasında çalıştırarak çıktıya bakalım;

<html>
<p> Bu makalede &nbsp; &nbsp; &nbsp; boşluk kodunu anlatıyoruz.</p>
</html>

Bu örnekte &nbsp; kullandığımızda yerde kelimeler arasında birden fazla boşluk oluşacaktır.

HTML Alt Satırı Geçme

Bir Cevap Yazın

Html’de alt satıra geçmek için <br> etiketi kullanılmaktadır. Bu etiketin kullanımını daha iyi anlamak için aşağıdaki örneği html sayfası içinde çalıştırabilirsiniz;

<html>
<p>Bu sitede bilisim ile ilgili <br> egitim makaleleri yayınlanmaktadır.</p>
</html>

Bu örnek etiketleri html sayfasında çalıştırdığımızda <br> etiketinden sonraki değerlerin alt satırda ekranda yazıldığını görmüş olacağız. Html ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.