HTML DİLİNE BAŞLARKEN
HTML DİLİNE
BAŞLARKEN
İşaretleme Dili (HTML)
İşaretleme
dili, metinler için yapılandırma veya
biçimlendirme açıklamalarını içeren “etiket” (tag) adı verilen elemanlarla
tanımlanan yapay bir dildir.
HTML(HyperText
Markup Language:bağlantılı metin işaretleme dili), web sayfaları hazırlamak için kullanılan bir
işaretleme dilidir.
HTML için web sitesinin iskelet denebilir.
• HTML komutları, herhangi bir metin düzenleme editöründe yazılabileceği gibi
çeşitli web tasarım editörleriyle de oluşturulabilir.
• HTML komutları etiketlerden (tag) oluşur.Etiket
(tag), HTML belgesinde kullanılan komutlara verilen addır.
• HTML etiketleri yazılırken Türkçe karakterler (ç, ğ, ı, ö, ş, ü)
kullanılmamalıdır.
• İstisnai durumlar dışında, açılan bir etiket kapatılmalıdır. İlk açılan etiket
en son kapatılır ve etiket kapatma sırasında “/” (eğik çizgi) işaret
unutulmamalıdır.
HTML etiketleri,
kendine has özelliklere (parametre) sahip olabilir. Her html etiketi birden
fazla özelliğe sahip olabilir.
HTML belgelerine(dosyalarına) isim verilirken dikkat
edilmesi gereken kurallar şunlardır:
• Dosya adlarında büyük harf yerine küçük harf
kullanmak ve bağlantı (köprü) oluşturmak daha
kolaydır.
• Türkçe karakter (ç, ğ, ı, ö, ü) kullanılmamalıdır.
Yerel (local) sunucuda Türkçe karakter kullanmak HTML belgesinin çalışmasına
engel teşkil etmese de internet ortamında sunucuya yüklendiğinde dosyalar
görüntülenmez. Bu durum dosyalar ile düzgün bağlantı kurulmasına engel olur.
• Sayfa içeriğine uygun isim verilmelidir.
Hakkımda bilgilerinin yer aldığı HTML belgesine “dosya01.html” gibi isim vermek
yerine “hakkimda.html” gibi içerikle ilgili isim vermek bağlant linklerini
yazmayı ve bağlantı kurmayı kolaylaştırır.
• Dosya adlarında “boşluk” karakteri
kullanılmamalıdır. Dosya adında boşluk karakteri kullanıldığında dosya ile
oluşturulan bağlantılar çalışmaz.
• Dosya isimlerinde birden fazla kelime
kullanıldığında aralarında “_ (alt çizgi)” yerine “- (tre)”kullanılmalıdır.
İkisi de kullanılabilir fakat arama motorları tre karakterini daha kolay
yorumlar.
Not1:HTML
dosyaları .html ya da .htm uzantısı ile saklanır.
Not 2:
notepad++ programında çalışırken dil menüsünden “html”,
işaretlemeyi unutmayalım.
HTML5 Temel Etiketleri ve Belge Yapısı
!DOCTYPE html:DOCTYPE
[Belge tipi (Document type)], tarayıcıya (browser) dokümanın tipini işaret
eder. DOCTYPE etiket değildir. DOCTYPE deyiminden sonra yazılan ifade ile
tarayıcı, dokümanın hangi tipte olduğunu anlar. HTML belgesi için DOCTYPE ifadesinde
“html” kullanılır
<html>….</html> :
Temel html etiketlerindendir. Html kodlarının başladığı ve bittiği yeri
gösterir.
<head>….</head> :Belgenin başlık kısmını tanımlar. Arama motorlarına bilgi
vermek (SEO çalışması) için <head>etiket arasındaki bilgiler kullanılır.
İçerisinde meta etiketlerini ve title etiketini barındırır.
<title>….</title> :
Başlık etiketidir. Tarayıcı üzerinde görünen başlık burada yer alır.
<body>….</body> :Tüm içeriğin yer aldığı etikettir.
<meta/> etiketi :HTML belgesi hakkında bilgiler içerir; meta veriler,
sayfada gösterilmez. Meta verileri tarayıcılar, arama motorları ve diğer web
hizmetleri tarafından kullanılır. <meta>etiketleri <head>etiketi
arasına yazılır. <meta>etiketinin kapama etiketi bulunmaz Meta verilerinde;
sayfa karakter kodlaması, web sayfası hakkında açıklama, arama motorları için
anahtar kelime, tanımlama, web sayfası yazarı, web sayfası yönlendirme vb.
bilgiler bulunur.
Sık
kullanılan bazı meta etiketi özellikleri aşağıdadır.
|
<meta charset="UTF-8"/> |
Türkçe
karakter desteği için kullanılır |
|
<meta name="description"
content="HTMLdersleri veren bir sitedir."/> |
Bazı
arama motorlarının temel aldığı, site hakkında bilgi veren etikettir |
|
<meta name="keywords"
content="HTML, php, css "/> |
Web
sitesi için anahtar kelimelerdir. |
|
<meta name="author"
content="site yazar ismi"/> |
Site
yapımcısının adı, iletişim bilgilerinin bulunduğu etikettir. |
|
<meta http-equiv="refresh"
content="5; url=index.html"> |
url’deki
web sitesinin kaç saniyede yeniden yükleneceğini gösterir. |
<!-- yorum -->Etiketi :
Kod yazılırken kodların yanına bu kodun
ne olduğunu ya da neden kullanıldığını hatırlamak için yorumlar eklenir. Bunun
için <!--………………--> etiketi kullanılır.
HTML
elemanlarına uygulanabilecek dört temel ortak özellik vardır:
1. id :
HTML etiketine benzersiz kimlik sağlar.
2. title
: İpucu görüntülenmesini sağlar.
3.
class: HTML etiketini stil sayfası aracılığıyla birleştirir.
4.
style: Etikete özel stil tanımlar
Aşağıdaki kaynaklardan yararlanılmıştır.
Yorumlar
Yorum Gönder