Başlangıç Posts

HTML’de Linkler

HTML’de ilk H ve T harfleri Hypertext’in kısaltmasıdır. Hypertext ise linklerden oluşmuş metin anlamına gelmektedir. HTML de linkleri kullanarak yazılan web sayfaları için tasarlanmıştır. İnternetin birbirine bağlı yapısı da linklerden gelmekte olduğu için linkler bulunmayan bir web sitesi düşünülemez. Şimdi web sitenize linkleri nasıl yerleştireceğinizi beraber inceleyelim.

Çapa(anchor) etiketi de denen link etiketi <a> ile belirlenir ve linkin adresi de bu etiket içine yazılır.

<!DOCTYPE html>
<html>

<head>
    <title>İlk Sayfam</title>
</head>

<body>

    <h1>Bu benim ilk web sayfam</h1>

    <h2>Bu site neden yapılmıştır?</h2>
    <p>HTML öğrenmek için</p>

    <h2>Where to find the tutorial</h2>
    <p><a href="http://www.vidobu.com">Vidobu</a></p>

</body>

</html>

Linkin adresi “href” niteliği kullanılarak belirlenmiştir. Link örnekteki gibi tamamen farklı olabileceği gibi sayfanıza bağlı da olabilir.

Örnek dosyanızla aynı klasörde bir başka .hmtl dosyasını aşağıdaki gibi ekleyebilirsiniz.

 <a href="ogrendiklerim.html">HTML'de neler öğrendim?</a>

Aynı zamanda aynı sayfa içindeki başlıklara da link verebilirsiniz. Bunun için öncelikle başlığa “id” niteliği kimlik oluşturmanız gereklidir. Sonra başına kare(#) koyarak kimlikle link verebilirsiniz.

<h2 id="baslik2">HTML'de Başlıklar</h2>
<a href="#baslik2">Başlıklar için tıklayınız.</a>

HTML’e Başlangıç

HTML2HTML aslında çok basit bir metin editörü dosyası ile başlıyor. Siz de öğrendikçe HTML’in sadece süslü metinlerden ibaret olduğunu göreceksiniz.Notepad bütün Windows işletim sisteminde bulunan metin düzenleyici bir programdır. Mac OSX işletim sistemlerinde ise TextEdit aynı amaçla kullanılabilir. Ancak herhangi bir metin editörü programı ile HTML kodları yazabilirsiniz.Bir deneme yapalım.Metin editörünü açıp aşağıdaki gibi bir yazı yazın.

Bu benim ilk web sayfam.

Sonra “html” isimli bir klasör oluşturun (bu klasör istediğiniz yerde oluşturabilirsiniz) ve az önce oluşturduğunuz metin dosyasını “ilkhtmlsayfam.html” adıyla klasörün içine kaydedin. İşte ilk web sayfanızı oluşturdunuz bile.

  • Dikkat! Dosya adına “.html” uzantısını yazmayı unutmayın.  “.html” uzantısını unutursanız Windows dosyanızı “.txt” uzantısıyla metin dosyası olarak kaydedecektir.

İlk HTML sayfanızı açmak için internete ihtiyacınız yok. Bilgisayarınızda bir internet tarayıcı olması yeterli. Oluşturduğunuz HTML dosyasını çift tıklayarak açın ya da Chrome, Firefox, Safari, Opera veya Internet Explorer’ı açıp adres çubuğuna dosyanızın adresini yazın (örneğin: “c:\html\ilkhtmlsayfam.html”).

İşte ilk sayfanız webde böyle görünüyor.

Notepad gibi basit editörler yerine dilerseniz Adobe Dreamweaver gibi daha karmaşık ve ayrıntılı programlar kullanabilirsiniz. Ancak başlangıçta bu programlar kafa karıştıcı olabilir. Ayrıca öğrenmeye başlarken bu programlarla elle kodladığınız kadar iyi HTML öğrenemezsiniz. Ancak ilerledikçe bu programlara geçmenizi tavsiye ediyoruz.

HTML Başlangıç Rehberi

 

HTML-KodlariHadi HTML’e başlayalım. HTML ve CSS hakkında hiç bir bilginiz yok ama öğrenmek istiyorsanız doğru yerdesiniz. HTML ile ilgili aşağıdaki detayları öğrenip, hepsini bir araya toplayıp, CSS öğrenmeye geçebilirsiniz.

Bilmeniz gereken ilk şey HTML içerik, CSS ise görünüm oluşturmak için kullanılır.

İçerikler:

 

Eğitime Başlayın>