Kategori arşivi: HTML-HTML5

HTML Arka Plan Rengi Değiştirme

Bir Cevap Yazın

Bir önceki yazımızda Html’de web sayfamıza arka plan resmi eklemek için kullanmamız gereken etiketleri öğrenmiştik. Bu yazıda ise web sayfalarımızın arka plan rengini nasıl değiştirebileceğimizi öğreneceğiz. Bu işlem için uygulamamız gereken etiket yapısı aşağıdaki gibidir;

<body bgcolor="red">

Bunun yanı sıra renk kodu ile de arka plan rengini değiştirebilmemiz mümkündür. Bu işlem için aşağıdaki etiket yapısını kullanmamız gerekmektedir;

<body bgcolor="0e61ee">

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

HTML Arka Plan Resmi Ekleme

Bir Cevap Yazın

Web sayfalarımızın arka planına görseller eklemek isteyebiliriz. Bu işlemi yapmak için aşağıdaki örnekteki gibi html etiketi kullanmamız gerekmektedir.

<html>
<body background="resimyolu/resim.jpg">
</html>

Web sayfamıza bu etiketleri ekledikten sonra arka plan görsel sayfamızda gözükecektir. Html ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

HTML ile Yazı Ortalama

Bir Cevap Yazın

Html’de css yapısını kullanmadan yazıları web tarayıcısında ortalayabiliriz. Bu işlem için <center> etiketini kullanmamız gerekmektedir. Bu yazıda bu etiketin nasıl kullanıldığını öğreneceğiz. Ayrıca css yapısında da basit olarak yazı ortalama işleminin nasıl yapılacağını göstereceğiz.

HTML ile yazı ortalama;

Html ile yazı ortalamak için aşağıdaki örnek yapıyı kullanabilirsiniz;

<center>Bu yazı web tarayıcısının ortasında gözükecektir</center>

CSS ile basit olarak yazı ortalama

Css ile yazı ortalamak için aşağıdaki örnek yapıyı kullanabilirsiniz; 

<div style="text-align:center">
Bu yazı web tarayıcısının ortasında gözükecektir</div>

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

Html Link Ekleme

Bir Cevap Yazın

Html sayfamızda ink eklemek için<a></a> etiketini kullanmamız gerekmektedir. Bu etiketi kullanarak web sayfamızda dışarıya (farklı bir web sitesine) veya içeriye doğru (web site içi) linkler ekleyebiliriz. Bu linkin basit şekilde kullanımı aşağıdaki gibidir;

<a href="link verilecek adres" alt="link açıklaması">Link İsmi</a>

Bu etiketin kullanımını daha iyi anlamak için örnek bir link yapısı oluşturalım;

<a href="https://bilgialnet.com" alt="Bilgisayar eğitim sitesi"> Bilgialnet.com Sitesine Gitmek için Buraya Tıklayın...</a>

Burada alt etiketinin kullanımı zorunlu değildir. Arama motorları için bu etiketin önemi olduğu unutulmamalıdır.

Linke tıklandığında sayfanın yeni sekmede açılmasını istiyorsak bu yapının içine target=”blank” değerini eklememiz gerekmektedir. Bu işlem için aşağıdaki örneği inceleyelim;

<a href="https://bilgialnet.com" alt="Bilgisayar eğitim sitesi" target="blank"> Bilgialnet.com Sitesine Gitmek için Buraya Tıklayın...</a>

Evet bu şekilde link yeni sekmede açılacaktır. Evet html de link ekleme işlemi bu kadar kolay. Tekrar görüşmek üzere. Şimdilik hoşçakalın.

HTML Resim Ekleme Kodu

Bir Cevap Yazın

Html ile oluşturduğumuz web sayfamıza resim eklemek için <img> etiketinin kullanabiliriz. Bu etiketin kullanımını bu yazıda örnekle açıklayacağız.

Html’de web sayfamıza resim eklemek için aşağıdaki örnekteki etiket yapısını kullanmamız gerekmektedir;

<img src="dosyadizini/dosyaismi.jpg" alt="acıklama" height="yüksekliği" weight="genişliği"/>

Etiketin içinde yer alan alt=”” değeri zorunlu değildir. Ayrıca weight ve height bölümlerini de kullanmayabiliriz. Eğer bu değerleri kullanmazsak resim boyutu orjinal olarak web sayfasında gözükecektir.

Örnek;

<img src="public_html/banner.jpg" alt="bilgisayar eğitimi" height="400" weight="200"/>

Html’de görsel ekleme işlemi bu kadar kolay. Html ile ilgili konularımıza devam edeceğiz. Bizi takip etmeye devam edin.

Makalede anlatılan konu ile ilgili görüşlerinizi veya problemlerinizi yorum bölümünden bizlere iletebilirsiniz.

HTML Başlık Etiketleri

Bir Cevap Yazın

Seo için çok önemi olan html başlık etiketleri toplam 6 adettir. Html sayfalarda tanımlanabilen bu başlık etiketlerinin her biri farklı boyutta ekranda gözükmektedir. Bu başlık etiketlerinin kullanımı çok basittir. Bu etiketlerin kullanımını öğrenmek için aşağıdaki örneği inceleyebilirsiniz;

<html>
<body>
<h1>Bu başlık h1 ile oluşturuldu</h1>
<h2>Bu başlık h2 ile oluşturuldu</h2>
<h3>Bu başlık h3 ile oluşturuldu</h3>
<h4>Bu başlık h4 ile oluşturuldu</h4>
<h5>Bu başlık h5 ile oluşturuldu</h5>
<h6>Bu başlık h6 ile oluşturuldu</h6>
</body>
</html>

Bu kodları metin belgesinin içine kopyalayarak, html uzantılı olarak kaydedip, çalıştırarak deneyebilirsiniz. Bu etiketlerin görünümü aşağıdaki görseldeki gibi olacaktır;

Seo için web sayfalarında bu komutların kullanımı çok önemlidir. Bu konu ile ilgili ilerleyen günlerde makale yayınlayacağım. Bizi takip etmeye devam edin.