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

masonz

Uzman üye
12 Ocak 2021
1,283
221
Tek Başına Bir Teşkilat
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İĞİ :

<!DOCTYPE html> Etiketi
<head> Etiketi
<body> Etiketi
<title> Etiketi
<m e t a> 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.





<!DOCTYPE html> 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 <DOCTYPE html > 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.





<head> 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.





<head> 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ı

<title>
<s t y l e>
<base>
<link>
<m e t a>
<script>
<noscript>


<body> 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.





<title> 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.





<m e t a> 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. :)
 

"Xale

Katılımcı Üye
16 Eki 2020
442
20
Ellerine sağlık, Mükemmel ve başarılı olmuş.


Saygılarımla,
Xale.
 

STAR GUARDIAN

Yeni üye
4 Ocak 2020
40
0
Geçtin
Başarılı bir konu olmuş öğreneceklere tavsiyem html sonra css sonra js sonra php ve bol bol etiketlerin ne amaçlarda kullanıldığını araştırın
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.