Html Dersleri 1

Html ( hyper text markup language) ögrenmek isteyenler dersleri buradan takip edebilirsiniz. Html derslerini buradan sizlere aktarmaya çalisacagim.

 

Html ( Hyper Text Markup Language ) Yazim Kurallari

 

  • Komutlar türkçe karakter kesinlikle içermez. Örnek  :  ( s, ç, ö, ü, i, g )
  • Komutlar büyük ya da küçük harfle yazilabilir.
  • Komutlar  <  ve  >  isaretleri arasina yazilabilir.

 

Kullanim biçimi

 

< etiket ( tag ) adi > seklinde yazilir.

 

Örnek:

<html> , <body> , <title> , <head>

 

  • Bir etiket < etiket ( tag ) adi > seklinde baslar ve bazi etiketler disinda </etiket (tag) adi > seklinde biter.

 

  • Etiketler iç içe yer alir ve en içteki etiketten baslatilarak kapatilir. Kodlarin Okunabilirligini artirmak için bir etiket bitmeden tekrar etiket açilirsa içeride açilan etiket biraz daha içeriden yazilmalidir.

 

Kullanim biçimi:

<etiket_1>

    <etiket_2>

 

    </etiket_2>

</etiket_1>

 .

Örnek :

<html>

<body>

    <form>

       

    </form>

</body>

</html>

 

·         Bir etiket parametreler kullanarak biçimlendirilir ve bu parametrelere tirnak  (" ") isaretleri arasinda deger atanir. Degerle parametre adi arasinda esittir   = isareti kullanilir.

 

Kullanim biçimi:

 

<( tag) adi parametre adi = "deger">

 

Örnek:

 

< font color ="deger">

 

Web sayfasinda standart olarak kullanilmasi gereken kodlar sunlardir. Bu kodlarla web browser ( Internet tarayicisi ) bunun bir web sayfasi oldugunu anlar ve ona göre görüntüler.

 

Standart kodlar :

<html>

<head>

    <title>sitedeki sayfanin basligi </title>

</head>

<body>

    Sayfanizin tüm içerigini bu kodlarin arasina yapilir.

</body>

</html>

 

<html> Tagi Ne Ise Yarar Nerede Kullanilir.

<html> tagi web sayfasinda bulunan ilk koddur. Bu kod html sayfasinin baslangicini ve sonunu belirler. Bütün html kodlari bu kodun arasina yazilmak zorundadir. Bu kodun hiçbir parametresi yoktur.

 

<head> Tagi Ne Ise Yarar Nerede Kullanilir.

Bu tag web sayfasinin temel özelliklerinin bulundugu koddur. Yani sayfa basligi, link özellikleri, yazi karakter özellikleri vb. Özellikler bu kodun içine yazilir. Bu tagin yorum araligi içinde <meta> tagi da yer almaktadir. Bu tag siteyi tarayiciya ve arama motorlarina tanitmak için kullanilir.

 

<meta> Etiketinde Kullanilan Parametreler:

 

Kullanilabilecek parametreler

 parametrelerin görevi

Name

Author , description ve keywords özellikleri tanimlanir.

Http-equiv

Refresh, expires, content ve content-style-type özelliklerini belirler.

Size

Yazinin boyutunu belirmeye yarar.

 

Kullanim biçimi ve ne ise yarar:

 

<meta name="author" content="sinan eris">

Yukaridaki Satir sayfanin Tasarimci kimligini gösterir.

 .

<meta name="description" content=" web sayfasinin kisa tanitimini buraya yapilir.">

Yukaridaki Satir sayfanin kisa tanitimi yapmak için kullanilir.

 

<meta name="keywords" content="web sitenizin arama motorlarinda bulduracak siteniz ile ilgili kelimeler buraya yazilir.">

Yukaridaki Satir sayfanin hangi kelimeleri içerdigini gösterir. Arama motorlari için en önemli bölüm burasidir.

 

<meta name="copyright" content="&copy; 2009 sinan eris">

Yukaridaki Satir sayfanin telif hakkinin kime ait oldugunu gösterir.

 

<meta name="generator" content="macromedia dreamweaver ">

Yukaridaki Satir Sayfanin hangi editörle ( web tasarim programiyla ) yapildigini gösterir.

 

<meta name="robots" content="all, follow, index">

Yukaridaki Satir sayfanizi tüm arama motorlarinin veritabanina kaydolabilme hakkinin verilmis oldugunu gösterir.

 

<meta name="rating" content="general">

Yukaridaki Satir sitenizin hangi kategoride, sinifta oldugunu gösterir. General yazmakla bütün kategoride oldugu belirtilmis olur.

 

<meta http-equiv="refresh" content="10; url=http://www.yazilimmutfagi.com">

Refresh ile sayfamiz açildiktan 10 saniye sonra belirtilen adresi otomatik olarak

açacaktir.

 

<meta http-equiv="content-type" content="text/html; charset=windows-1254">

Yukaridaki Satir sayfanizda ne tür bir metnin oldugunu text/html yazmakla metnin düz yazi ve html belgesi oldugunu ve karakterlerinin hangi kodlama windows-1254 yazmakla ile yapildigini gösterir.

 

<meta http-equiv="content-language" content="tr">

Yukaridaki Satir sayfanizin dilinin türkçe oldugunu gösterir. Isterseniz degistirebilirsiniz

sitenizin dilini.

 

<meta http-equiv="content-style-type" content="text/css”">

content-style-type Belgemizde kullanilan css dosyamizin bir metin dosyasi oldugunu

belirtir.

 

<title> Tagi Ne Ise Yarar Nerede Kullanilir.

 

<head> bölümü içine yazilir. <title> bölümüne sayfanin basligi yazilir, tarayicinin sol üst bölümünde bulunan baslik çubugunda görüntülenir.

 

Örnek:

<html>

<head>

    <title>yazilim mutfagi | ana sayfa </title>

</head>

<body>

    .….. .….. .…..

</body>

</html>

 

.

 Tarayicida görünümü :

 

 

 

 

<body> Kodu Ne Ise Yarar Nerede Kullanilir.

 

Html belgesinin bütün içerigi burada yer alir. Sitenin resimlerini videolarini dosyalarini vb. bu etiket içine yerlestirilir.

 

<body> etiketinde kullanilan parametler :

 

Kullanilabilecek parametreler

 parametrelerin görevi

Bgcolor

Sitenizin arka plan rengini belirlemeye yarar.

Background

Sitenizin arka planinda yer alacak resmi belirlemeye yarar.

Link

Sayfada kullanilan linkin rengini belirlemeye yarar.

Alink

Linke tiklandiginda alacagi rengi belirlemeye yarar.

Vlink

Daha önceden ziyaret edilmis link rengini belirlemeye yarar.

 

Bu dersimizde burada bitti . Bir sonraki ders de görüsmek üzere kendinize iyi bakin.

 

6 thoughts on “Html Dersleri 1

  1. giris için ideal,
    ancak sitenizde daha genis bilgilendirici yazilar görmek istiyoruz…

gezgin için bir cevap yazın Cevabı iptal et

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