🔹Sıfırdan HTML Öğreniyoruz - 2 - Webmaster Forum - MacawForum.com
 

Web Tabanlı Uygulamalar Web tabanlı uygulamalar, kullanım alanları, web application, uygulama geliştirme, istemler ve hybrid mobil uygulamaları içeren bölüm


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

Web Tabanlı Uygulamalar


Cevapla Yeni Konu Aç
 
LinkBack Seçenekler Stil
  #1  
Alt 20 Şubat 2021, 13:30:44
xtaletoaum - ait Kullanıcı Resmi (Avatar)
Aktif Üye
 
Edirne Şubesi
Üyelik Tarihi: 24 Nisan 2018
Mesajlar: 11.447
Konular: 2453
Aldığı Beğeni: 2
Verdiği Beğeni: 0
Standart 🔹Sıfırdan HTML Öğreniyoruz - 2

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.


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


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.


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


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.


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


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.


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


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


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


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.


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


content Nedir Ne İşe Yarar? :

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


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


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


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

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.


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


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.


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


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.


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


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.


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


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


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


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


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


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.


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


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.


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


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


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


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.


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


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

Cevapla Yeni Konu Aç


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

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-KodlarıKapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


İçerik sağlayıcı paylaşım sitesi olarak hizmet veren macawforum.com adresimizde 5651 Sayılı Kanunun 8. Maddesine ve T.C.K nın 125. Maddesine göre tüm üyelerimiz yaptıkları paylaşımlardan kendileri sorumludur.

Şu Anki Saat: 08:30:32

 
Copyright © 2020
bahis siteleri
Papara ile para yatırılan bahis siteleri