Yardım |
Üye Listesi |
Ajanda |
Arama |
Bugünkü Mesajlar |
![]() |
Web Tabanlı Uygulamalar Web tabanlı uygulamalar, kullanım alanları, web application, uygulama geliştirme, istemler ve hybrid mobil uygulamaları içeren bölüm |
Cevapla Yeni Konu Aç |
|
LinkBack | Seçenekler | Stil |
#1
|
||||
|
||||
![]() 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. ![]() 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. :) |
Cevapla Yeni Konu Aç |
Seçenekler | |
Stil | |
|
|