seen from United States
seen from United States
seen from United States
seen from China
seen from United States
seen from South Korea
seen from United States
seen from United States
seen from China
seen from Russia
seen from United Kingdom
seen from United States
seen from United States
seen from Russia
seen from United States
seen from China
seen from China
seen from Canada
seen from United States
seen from United States
Bir amaç belirleme ve iş kurma birlikte olmalıdır. Beni heyecanlandıran şeyin sadece amaç olduğu doğru ama en başından beri ikisini birlikte yürütmemiz gerektiğini biliyorduk. ~Mark Zuckerberg
#htmldersleri
#cssdersleri
#javascriptdersleri
#html
#css
#javascript
#kodlamakampı
#websitesikodlama
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Html title etiketi dersimiz yayınlandı! https://kodlamakampi.com/pc/html-title-etiketi üzerinden html title etiketini öğrenebilir ve kod örneklerini çalıştırarak öğrenmenizi hızlandırabilirsiniz.
html title etiketi html title etiketi, hem body hem de head bölümünde kullanılabilir. html title etiketimizi iki farklı şekilde kullanmamız mümkün. Bunları sınıflandırmak gerekirse: -head bölümünde title etiketi kullanımı -body bölümünde title etiketi kullanımı -color komutu ile çizginin rengini beliryebiliriz. -widht komutu ile boyutunu değiştebiliriz. -align komutu ile çizginin konumu belirleyebiliriz.
head bölümünde title etiketi kullanımı head bölümünde kullandığımız title etiketi sayfamızın başlığını verir. Örnek kullanımı şu şekildedir:
<!DOCTYPE html> <html> <head> <title>html title etiketi</title> </head> <body> </body> </html>
body bölümünde title etiketi kullanımı body etiketleri arasında kullandığımız title etiketi kullanımı fare beklemesi olarak da bahsedilebilir. Yani imlecimizi ilgili etiketin üzerine getirdiğimizde bize bir mesaj kutucuğu göstertir. Örnek olması açısından bir paragraf tanımlayalım ve paragrafta geçen kısaltılmış bir kelime ile html title etiketi kullanımını görelim. <!DOCTYPE html> <html> <head> <title>html title etiketi</title> </head> <body> <p><span title="Kodlama Kampı">KK</span> projesi 4 Kasım 2020 tarihinde başlamış olup amacı vatana millete faydalı olabilmektir.</p> </body> </html>
Şimdide sitemize bir resim ekleyelim ve resim üzerinde title kullanalım. <!DOCTYPE html> <html> <head> <title>Html title Etiketi</title> </head> <body> <img src="kahve.jpg" title="Kahve Fotoğrafı"> </body> </html> html title etiketi tarayıcı desteği google destekliyor edge destekliyor firefox destekliyor safari destekliyor opera destekliyor www.kodlamakampi.com #html #htmldersleri #kodlamadersleri #yazilim #kodlama #programlama
HTML ve HTML5’in Tarihi, HTML prototip sürümüyle ilk defa 1980 yılında CERN laboratuvarında aktif olarak kullanılmaya başlanılmıştır.
HTML yani "Hypertext Markup Language" hepimizin bir şekilde ismini duyduğu bir kelime (veya kısaltma). Web sitelerinin browserda gözükmesini sağlayan bir dil. Size bu yazıda kısaca HTML'in nasıl veya neden oluştuğu ve günümüze nasıl geldiğini kısaca anlatmaya çalışacağız. Tim Berners-Lee 1989 yılında CERN'de (Conseil Européen pour la Recherche Nucléaire)(Avrupa Nükleer Araştırma Merkezi) çalışırken bilim adamlarının çalışma yöntemlerini diğer kişilerle elektronik ortamda paylaşacağı bir sistem önerdi. Bu belgeler herkesin bilgisayarında aynı şekilde gözükecek bir arayüze sahip olmalıydı.
HTML Mucidi Kimdir?, işaretleme dilinin açılımı (Hypertext Markup Language) ve bu kelimelerinin baş harflerinden oluşmaktadır.
İnsanlık için yaptığı geçmiş teknoloji döneminde yapmış olunan katkılardan ötürü 2004 yılında kendisine bizzat ingiltere kraliçesi tarafınca sir ünvanını vermiştir. 1955 yılında Londra‘da doğan Lee, eğitimini Oxford Üniversitesi fizik bölümünü bitirerek eğitimini tamamlamıştır. HTML işaretleme dilini çok daha tanıtabilme adına John Pool’s Image firmasında işe başlayan Lee, 2004 yılında ise Southampton Üniversitesi‘nden Lee için araştırma pozisyonu verilmiştir.
HTML Dersleri: Meta Etiketleri Tanımı ve Kullanımı
Geçtiğimiz HTML dersleri yazısında her defasında kısmının site kimliği hakkında, kısmınınsa görüntülenecek içerikler hakkında olduğundan bahsettik. Şimdi göreceğimiz Meta etiketi de HTML sayfamızın "head" kısmında yani site kimliği hakkında. Meta etiketleri HTML doküman hakkında kimlik verileri sağlar. Veriler sayfalarınızda gözükmez ama algılanır. Meta etiketler genellikle arama motorlarına siteniz hakkında bilgi vermek amacıyla kullanılır. Bu etiketler sayesinde sitenizin içeriği, anahtar kelimeleri, yazarı hakkında bilgileri arama motorlarına verebilmekteyiz. Elbette ki daha fazlası da var. Yukarıda birkaç "meta" etiketini görebilirsiniz. size tanıdık gelebilir. Bu etiket önceki derslerde HTML sayfası oluşturduğumuzda otomatik olarak önümüze gelmişti. Karakter tanımı ile ilgili gerekli bir kod kendisi.
Tarayıcı Desteği
Meta etiketlerini popüler olarak kullanılan tüm tarayıcılar desteklemektedir. Chrome, Opera, Firefox, Safari ve Edge gibi...
name="viewport"
Viewport, web tasarımcıların etiketi üzerinden görüntüleme alanını ayarlamak için geliştirildi. Bu meta etiketi sayesinde daha derli toplu bir HTML sayfası oluşturmak mümkün. Farkı anlamanız açısından iki örnek verelim.
Viewport'suz
Viewport'lu Burada "viewport"un ne iş yaptığını görebilirsiniz. Gelelim kullanımına. Yapmanız gereken tüm HTML sayfalarınıza aşağıdaki "viewport" ögesini eklemek. Bu öğe tarayıcınıza sayfanızın nasıl ölçekleneceği hakkında bilgi verir. width: Cihaz genişliğini belirtir. Cihazın genişliğine göre sayfanın genişliğini ayarlar. initial-scale: Başlangıç ölçeği anlamına gelir. Sayfanın ilk açıldığındaki yakınlaştırma seviyesini ayarlar.
name="keywords"
SEO açısından oldukça önemli olan bir meta ögesidir kendileri. Sayfanız hakkındaki anahtar kelimeleri barındırır. Siteniz hakkında bilgi sahibi olması amacıyla Google tarafından veya diğer arama motorları tarafından kullanılır. Yukarıdaki şekilde "header" kısmına eklenir. "content" bölümüne de sayfa hakkındaki anahtar kelimeler yazılır.
name="description"
Yine SEO açısından önemli bir meta ögesi kendileri. Buraya sayfanız hakkında bir açıklama yazmanız gerekiyor. Bu açıklama da yine arama motorları tarafından kullanılacak. "content" kısmına sayfanızın açıklamasını yazıyorsunuz ve bitiyor.
name="author"
Bu öge site sahibinin kim olduğu hakkında bilgi depoluyor. Bunun da kullanımı yine oldukça basit. "header" kısmına eklediğiniz bu ögenin "content" kısmına isim yazıyorsunuz.
http-equiv="refresh"
Bu öge ise belirlediğiniz süre sonunda belgenizin yenilenmesini sağlar. Yukarıdaki şekilde sayfanıza eklenmesi halinde her 30 saniyede bir tarayıcı tarafından sayfa yenilenecektir. Meta etiketleri hakkında en gerekli bilgiler bu kadar. HTML derslerinin devamı için bildirimleri sol alt kısımdan aktifleştirmeyi ve bloga eposta ile abone olmayı unutmayın. Read the full article
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
HTML Dersleri: Etiket Mantığı ve Yazım Kuralları
Önceki HTML dersleri yazımızda genel olarak HTML yapısını görmüştük ve birazcık da etiketlerden bahsetmiştik. Bu yazımızda ise etiketlere yani taglere daha yakından bakacağız. Tüm HTML derslerine buradan ulaşabilirsiniz. HTML yapısını anlatırken de bahsettiğimiz gibi bir HTML sayfası bölümlere ayrılmış durumdadır. En genişte bir etiketi ve bunun kapanış etiketi vardır. Anlayacağınız ve sizin HTML sayfanızı çepeçevre sarar. "html" etiketlerinin içinde de iki grup bulunur. bunlar "body" ve "head" etiketleridir. Tüm HTML sayfamız kabataslak aşağıdaki gibidir. Buradan kısaca bir sonuç çıkarmamız gerekirse HTML etiketlerinin mantığı bir hiyerarşiye dayanmaktadır. İlerideki yazılarda etiketleri kullandıkça bunları daha rahat kavrayacağız. Onun haricinde, dikkat etmişsinizdir, her etiketi açtıktan sonra bir de o etiketi kapattık. Yani ile başlayan etiketi kapatma vakti geldiğinde sayfanın sonunda olarak kapattık. Ya da işte "body" etiketine yaptığımız gibi; etiketiyle başlattığımız bölümü etiketiyle bitirdik. Bu durumda "/" işareti bize o etiketin bittiğinin bilgisini veriyor. HTML'de etiket mantığı ve bu etiketlerin yazım kuralları bunlardan ibaret işte. Gayet sade ve basit. HTML eğitimi yazı serisini takipte kalın. Bu HTML dersinin de sonuna geldik. Gelecek yazılardan haberdar olmanız için sidebarda bulunan kısımdan email ile abone olabilir veya sol alttaki simgeye tıklayarak tarayıcınız için bu siteden gelecek bildirimleri aktif hale getirebilirsiniz. Okuduğunuz için teşekkürler. www.akifakkaya.com Read the full article
001 HTML Dersleri: Kod Editörleri
Serimizin ilk, tanıtım yazısını saymazsak, yazısında HTML olsun CSS olsun veyahut JavaScript olsun her türlü kodlama için kullanabileceğiniz kod editörlerinden bahsedeceğiz. Yazıda bahsedeceğimiz editörlerin ve daha nicesinin yaradığı işler aynı. Yalnızca bize sunduğu imkanlar veya tasarımları farklı. Demek istediğim biriyle yaptığınız şeyi diğer hepsiyle de gerçekleştirebilirsiniz. Yani bu editörleri seçmek tamamen sizin kişisel tercihinize kalmış. Veya göz zevkinize... Serimiz HTML hakkında olduğu için biz HTML’den devam edelim. Yazacağınız tüm HTML kodlarını Windows’ta kurulu gelen not defteri ile de yapabilirsiniz. Dilerseniz de Adobe’un ürünlerinden olan Dreamweaver’ı da kullanabilirsiniz. Bu işlem için bize sunulan programların sayısı epey var. Bu ikisi de bizim işimize yarayabilir evet ama biz hem düzenli olması için hem de birkaç editörden daha bahsetmek için listelemeye geçelim.
1- Notepad++
Notepad++'ın alanında en popüler olduğunu söylersek yanılmış olmayız. Ücretsiz olması ve de tüm ihtiyaçlarımızı karşılayacak özellikte olması onu bu denli popüler yapıyor. Eklentiler ekleyerek daha pratik bir kod yazma ortamı sağlayabilirsiniz. İndir
2- Dreamweaver
Dreamweaver için fazla söze gerek yok. Adobe tarafından hazırlanmış olan bu editör bize, diğer Adobe programlarındaki gibi, profesyonel bir çalışma ortamı sağlıyor. Ayrıca benim de kullandığım bu editörü size öneririm. Satın Al
3- Brackets
Brackets çok kısa bir dönem kullandığım bir editör. Sol taraftaki menü sayesinde masaüstünüzdeki dosyalar arasında hızlı hızlı geçiş yapabiliyorsunuz. Bunun haricinde de diğer bir çok editörde de olduğu gibi eklentiler veya temalar eklemenize de olanak sağlıyor. Yine önerilir. İndir
4- Atom
Kullanmadığım ama adını ve memnun kalındığını çokça duyduğum bir editördür kendileri. İndir
5- Visual Studio Code
Windows tarafından oluşturulmuş bir editör, yine çok söze gerek yok sanırım. Diğer programlarla yaptığınız şeyleri yine eksiksiz şekilde bu editörde de gerçekleştirebilirsiniz. İndir Yeni yazılardan haberdar olmak için sidebarda bulunan bölümden email ile abone olabilir veya sol alt bölümden tarayıcınız için bildirimleri aktif hale getirebilirsiniz. Okuduğunuz için teşekkürler. Read the full article
000 HTML Dersleri: Giriş
Web tasarımı yapmak isteyenlerin kesinlikle öğrenmesi gerekli olan HTML’in derslerini bir seri halinde işlemeye karar verdim. Tanıdım tadında olan bu giriş yazsında HTML dersleri boyunca neler yapacağımızı bulacaksınız. Söylediğimiz gibi web tasarım yapmak istiyorsanız temelden bir HTML derslerine başlamanız gerekmektedir. Bu serimizde HTML için en gerekli bilgileri ve kullanımı en yaygın olan etiketleri bulacaksınız. HTML dersleri serimiz sıfır düzeyinde HTML bilenler için temelden alınmıştır ve web tasarımı için gerekli ve yeterli tüm her şeyi içinde barındırmaktadır. Serinin temelden alınmasına karşın orta düzeyde olanların da bu seride kendilerine bir şeyler katabileceğini düşünüyorum. Ders yazıları yavaştan blogumuza eklenmektedir. Tüm HTML derslerine ulaşmak için butona bir tıklayın bakalım. HTML Dersleri Read the full article
