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:

-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:

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

Yukarıdaki Satır sayfanın kısa tanıtımı yapmak için kullanı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.

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

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

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

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

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

açacaktır.

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.

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

sitenizin dilini.

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.

Ders Sahibi;
Bilgisayar Dershanesi

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

html dersleri 1

KATEGORİLER

Html Dersleri 1

Html Dersleri 1

Yorumlar

ETİKETLER