Ana Sayfa » Web » Html » Html Dersleri 1

Html Dersleri 1

Html ( hyper text markup language) öğrenmek isteyenler dersleri buradan takip edebilirsiniz. Html derslerini buradan sizlere aktarmaya çalışacağım.

 

Html ( Hyper Text Markup Language ) Yazım Kuralları

 

  • Komutlar türkçe karakter kesinlikle içermez. Örnek  :  ( ş, ç, ö, ü, ı, ğ )
  • Komutlar büyük ya da küçük harfle yazılabilir.
  • Komutlar  <  ve  >  işaretleri arasına yazılabilir.

 

Kullanım biçimi

 

< etiket ( tag ) adı > şeklinde yazılır.

 

Örnek:

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

 

  • Bir etiket < etiket ( tag ) adı > şeklinde başlar ve bazı etiketler dışında </etiket (tag) adı > şeklinde biter.

 

  • Etiketler iç içe yer alır ve en içteki etiketten başlatılarak kapatılır. Kodların Okunabilirliğini artırmak için bir etiket bitmeden tekrar etiket açılırsa içeride açılan etiket biraz daha içeriden yazılmalıdır.

 

Kullanım 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 tırnak  (" ") işaretleri arasında değer atanır. Değerle parametre adı arasında eşittir   = işareti kullanılır.

 

Kullanım biçimi:

 

<( tag) adı parametre adı = "değer">

 

Örnek:

 

< font color ="değer">

 

Web sayfasında standart olarak kullanılması gereken kodlar şunlardır. Bu kodlarla web browser ( Internet tarayıcısı ) bunun bir web sayfası olduğunu anlar ve ona göre görüntüler.

 

Standart kodlar :

<html>

<head>

    <title>sitedeki sayfanın başlığı </title>

</head>

<body>

    Sayfanızın tüm içeriğini bu kodların arasına yapılır.

</body>

</html>

 

<html> Tagı Ne İşe Yarar Nerede Kullanılır.

<html> tagı web sayfasında bulunan ilk koddur. Bu kod html sayfasının başlangıcını ve sonunu belirler. Bütün html kodları bu kodun arasına yazılmak zorundadır. Bu kodun hiçbir parametresi yoktur.

 

<head> Tagı Ne İşe Yarar Nerede Kullanılır.

Bu tag web sayfasının temel özelliklerinin bulunduğu koddur. Yani sayfa başlığı, link özellikleri, yazı karakter özellikleri vb. Özellikler bu kodun içine yazılır. Bu tagın yorum aralığı içinde <meta> tagı da yer almaktadır. Bu tag siteyi tarayıcıya ve arama motorlarına tanıtmak için kullanılır.

 

<meta> Etiketinde Kullanılan Parametreler:

 

Kullanılabilecek parametreler

 parametrelerin görevi

Name

Author , description ve keywords özellikleri tanımlanır.

Http-equiv

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

Size

Yazının boyutunu belirmeye yarar.

 

Kullanım biçimi ve ne işe yarar:

 

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

Yukarıdaki Satır sayfanın Tasarımcı kimliğini gösterir.

 

<meta name="description" content=" web sayfasının kısa tanıtımını buraya yapılır.">

Yukarıdaki Satır sayfanın kısa tanıtımı yapmak için kullanılır.

 

<meta name="keywords" content="web sitenizin arama motorlarında bulduracak siteniz ile ilgili kelimeler buraya yazılır.">

Yukarıdaki Satır sayfanın hangi kelimeleri içerdiğini gösterir. Arama motorları için en önemli bölüm burasıdır.

 

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

Yukarıdaki Satır sayfanın telif hakkının kime ait olduğunu gösterir.

 

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

Yukarıdaki Satır Sayfanın hangi editörle ( web tasarım programıyla ) yapıldığını gösterir.

 

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

Yukarıdaki Satır sayfanızı tüm arama motorlarının veritabanına kaydolabilme hakkının verilmiş olduğunu gösterir.

 

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

Yukarıdaki Satır sitenizin hangi kategoride, sınıfta olduğunu gösterir. General yazmakla bütün kategoride olduğu belirtilmiş olur.

 

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

Refresh ile sayfamız açıldıktan 10 saniye sonra belirtilen adresi otomatik olarak

açacaktır.

 

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

Yukarıdaki Satır sayfanızda ne tür bir metnin olduğunu text/html yazmakla metnin düz yazı ve html belgesi olduğunu ve karakterlerinin hangi kodlama windows-1254 yazmakla ile yapıldığını gösterir.

 

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

Yukarıdaki Satır sayfanızın dilinin türkçe olduğunu gösterir. İsterseniz değiştirebilirsiniz

sitenizin dilini.

 

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

content-style-type Belgemizde kullanılan css dosyamızın bir metin dosyası olduğunu

belirtir.

 

<title> Tagı Ne İşe Yarar Nerede Kullanılır.

 

<head> bölümü içine yazılır. <title> bölümüne sayfanın başlığı yazılır, tarayıcının sol üst bölümünde bulunan başlık çubuğunda görüntülenir.

 

Örnek:

<html>

<head>

    <title>yazılım mutfağı | ana sayfa </title>

</head>

<body>

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

</body>

</html>

 

 Tarayıcıda görünümü :

 

 

 

 

<body> Kodu Ne İşe Yarar Nerede Kullanılır.

 

Html belgesinin bütün içeriği burada yer alır. Sitenin resimlerini videolarını dosyalarını vb. bu etiket içine yerleştirilir.

 

<body> etiketinde kullanılan parametler :

 

Kullanılabilecek parametreler

 parametrelerin görevi

Bgcolor

Sitenizin arka plan rengini belirlemeye yarar.

Background

Sitenizin arka planında yer alacak resmi belirlemeye yarar.

Link

Sayfada kullanılan linkin rengini belirlemeye yarar.

Alink

Linke tıklandığında alacağı rengi belirlemeye yarar.

Vlink

Daha önceden ziyaret edilmiş link rengini belirlemeye yarar.

 

Bu dersimizde burada bitti . Bir sonraki ders de görüşmek üzere kendinize iyi bakın.

 

Yazar Hakkında

Sinan ERIS

Google Plus
Yazilim Mutfagi Yazaridir. Süleyman Demirel Üniversitesi Bilgisayar Programciligi Ögrencisidir. Freelancer Olarak Çalismaktadir.

Makale Sayısı : 10

Html Dersleri 1

16 yorum

Kategori:

yorumekle yorumekle Toplam 6 Yorum Yapılmış. Sizde yorum yazmak ve soru sormak için bu linki takip edin. -Forum sayfasına yönlendirileceksiniz-

Yorumlar