🔹Sıfırdan HTML Öğreniyoruz - 2

xtaletoaum

Merhaba THT Ailesi Sıfırdan Html Öğreniyorum Serisine Kaldığımız Yerden Devam
Ediyoruz. Umarım Sizler için Faydalı Bir Konu Olur.

KONU İÇERİĞİ :

Etiketi
Etiketi
Etiketi
Etiketi
Etiketi

Dostlar bugün 5 tane etiket/kod öğreneceğiz hepsini elimden geldiğince kısa ve öz
şekilde anlatmaya çalışacağım. Hız kesmeden konumuza geçelim.

Resmi tam boyutlu olarak görmek için tıklayın.

Etiketi : Sıralamadaki gibi ilk sıra doctype etiketi ile başlayalım dostlar
bu etiket tüm html etiketlerini/kodlarını içinde barındırır bu nu yazarken yazım kuralına dikkat etmeye
gerek yoktur. Yani doctype küçük olarakta yazabilirsiniz büyük olarakta yazılabilir. Ama orjinal hali ile
yani hali ile yazılması en doğrusudur. Aşağıdaki resimde de gördüğünüz gibi
bu arada bu kural diğer etiketlerimiz için geçerli değildir.

Etiketi : Buraya yazdığımız etiketler/kodalar hiçbir şekilde kullanıcıyla veya sitenizi ziyaret eden
kişiyle birebir gözükmez arka planda çalışan kodlardır. bu etiket peki nereye yazılır ondan bahsedelim
gene aynı şekilde html etiketinin arasına yazılır. Görselde de gördüğünüz olacaktır.

Etiketi Nedir, Ne İşe Yarar ? :

Head etiketimiz dediğimiz gibi body etiketinin aksine arka planda çalışan bir etiket/koddur.
tabi head etiketimizin arasına başka etiketlerde yazabiliriz. Örnek verecek olursak bunları

Etiketi : Body etiketi kullanıcılarımızın gördüğü yerdir yani örnek verecek olursak gene
metin olabilir başlıklarımız olabilir tablolarımız olabilir gibi bunlara benzer örnekler verilebilir.

Peki body etiketimiz nereye yazılır gene aynı şekilde html etiketimizin arasına yazılır.
Resimde de görmüş olduğunuz gibi olacaktır.

Etiketi : Arkadaşlar bu diğer etiketlerin aksine hem body hem de head etiketimizin arasına yazılabilir.
bunları farklı şekilde kullanmamız mümkün sıralamak gerekirse gene kısa bir örnek

head bölümünde title etiketi kulanılabilir
body bölümünde title etiketi kullanılabilir
color komutu ile çizginin rengini beliryebiliriz.
widht komutu ile boyut değiştebiliriz.

Gibi gibi gidiyor bunlar bu şekilde devam edebilir dostlar head etiketimizin arasına
title ne gibi kullanılır sayfa başlığı değiştirilebilir en basit örnektir.

Body etiketinde ise birçok yerde kullanılır genellikle şunlarda yer alıyor
örnek bir resim ekleriz sitemize maus imlecini üstüne getirdiğimiz zaman
onun hakkında bilgi vesaire şeyler yazar kısa bir örnektir bu ama daha farklı
şeylerde de kullanılabilir. Ufak bir görsel ile şu şekilde gösterebiliriz.

Etiketi : met.a etiketimizi verilerimizdeki bilgilerdir. met.a etiketimizi hep head etiketi
içerisinde kullanacağız.

met.a etiketi ile beraber kullanacağımız komutlar.

charset
content
http-equiv
name

charset Nedir Ne İşe Yarar? :

charset komutumuzu içerinde bulunan character_set ile kullanırız.

character_set komutun içine uft-8'i tanımlatırsak türkçe karakterler (i, ü, ö, ç, ğ ve ş) kullanmamıza izin verir.

content Nedir Ne İşe Yarar? :

content etiketimizin içerisinde bulunan content komutu
Htpp-equiv yada name komutların değerlerini belirtmemizi sağlar.

http-equiv Nedir Ne İşe Yarar?

http-equiv komutu bilgilerimizin değerleri için HTTP halinde oluşturmamızı sağlar.

http-equiv komutunun içine bulunduracağımız/tanımlayacağımız özellikler.

refres.h
default-style
content-type
content-security-policy

Reflesh Özelliği :

reflesh özelliği sayesinde sayfamızı istediğimiz süre içinde yenileyebiliriz. bunu görselli
hale getirecek olursak şu şekilde olacak.

Default-Style Özelliği :

Varsayılan değerlimizi hiçbir şey yapmayacak olsa bile kullanırsak daha iyi olabilir.
Diye düşünüyorum bunu görselli şekilde gösterecek olursak şu şekilde olacak.

Content-Type Özelliği : html m e t a content-type özelliği içeriğimizin türünü belirlememizi sağlar.
bunu görselli halde gösterecek olursak şu şekilde olacak.

Content-Security-Policy Özelliği : Arkadaşlar adından da anlaşılacağı gibi güvenlik politikası
oluşturmamızı sağlar. Bunu görselli şekilde gösterecek olursak söyle olacaktır.

Name Nedir Ne İşe Yarar? : name komutumuz m e t a kaynaklarımız/verilerimiz için isim belirtmemizi sağlar.
bunların bazı başlıkları vardır tek tek anlatacak olursak şu şekilde ilerleyecek.

application-name
author
generator
viewport

Application-Name Özelliği : uygulama adını özniteliğini belirtmemizi sağlar. bunu resim halinde
gösterecek olursak.

Author özelliği : Yazdığımız metnin yazar adını belirtmemizi sağlar. Bunu gene aynı şekilde
görselli gösterecek olursak şu şekilde olacaktır.

Description Özelliği : Sayfamızın açıklamasını oluşturmasını sağlar arama motorlarında
gözükür yani (tht html dersleri) gibi örnek olarak görselli hali şöyle olacak.

Generator Özelliği : Bu özellik hazır paketler belirtmemizi sağlar.

Viewport Özelliği : Bu özellik görüntü alanımızı belirler bilgisayar için ayarlanan bir siteye telefon ile girersek
daha küçük ve kötü durduğunu aynı zamanda bazı şeylerin çalışmadığını görebiliriz.

NOT: Sevgili dostlar konumuz bu kadardı umarım anlaşılır olmuştur baktımki konu
uzayacak roman gibi olacak ve buda sizi sıkacak bende elimden geldiğince konuyu kısalttım
önemli olan yerleri yazdım/vurguladım dostlar konuda eksik olan bir yer varsa işte falanca yeri yanlış
yaptıysam hemen söyleyin düzelteyim uygun hale getireyim onun dışında yorumlarınız benim için önemli
fikirleriniz ve düşünceleriniz varsa yazın örnek böyle yapsan daha iyi gibi fikirler verirseniz bende sizin istediğiniz
şekilde konular hazırlarım. :)

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Site Navigasyonu

🔹Sıfırdan HTML Öğreniyoruz - 2

Web Tabanlı Uygulamalar

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)