Merhaba arkadaşlar bu yazıda, web sayfalarının temel taşı olan HTML belgesinin nasıl oluşturulduğunu adım adım öğreneceğiz.
Temel HTML Dokümanı
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="HTML Eğitim seti">
<meta name="author" content="Script Nova">
<link rel="stylesheet" type="text/css" href="dosyadı.css">
<script src="dosyaismi.js"></script>
<style></style>
<title>vermek istediğin başlık buraya yazılır.</title>
<link rel="shortcut icon" href="icondosyadı.ico">
</head>
<body>
</body>
</html>
<!DOCTYPE html>: Tüm HTML belgeleri bu kod ile başlamak zorundadır. Bu kod aslında sayfanın HTML5 formatına göre kodlandığını gösterir. Sayfanın en başında yer alır.
<html></html>: Kök etiket olarak da bilinen bu temel kullanımda tüm HTML kodları, bu iki etiket arasında tanımlanmak zorundadır. Sayfanın başlangıcını ve sonunu belirtir.
<html lang="en">: Sayfanın dilini belirtir. Türkçe sayfalarda “tr” kullanılırken, İngilizce sayfalarda “en” kullanılır. <html> tagının bir özelliğidir.Yani, ayrı bir komut değildir.
<head></head>: Web sayfasının dili, başlığı ve diğer düzenlemelerinin yer aldığı etikettir. Bu etiketin içerisine meta datalar yazılır.Yani meta etiketler buraya yazılır. İçerik buraya yazılmaz.
<body></body>: Ziyaretçiye gösterilecek içeriği barındırır. Yapıyı <body> </body> etiketi içerisinde oluşturulur.
<meta charset="UTF-8">: HTML kodunun Türkçe karakter desteğini sağlar. Aynı zamanda birçok dili de barındırır. <head></head> tagı(etiketi) içine yazılmalıdır.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Responsive için kullanılır. Mobil cihazlarda görünüm için kullanılır. <head></head> tagı(etiketi) içine yazılır.
<meta name="keywords" content="HTML, CSS, JavaScript">: Arama motorlarına anahtar kelimeleri verir. Bu meta etiketinde arama motorlarına "HTML, CSS, JavaScript" anahtar kelimeleri verir. <head></head> tagı(etiketi) içine yazılır.
<meta name="description" content="HTML Eğitim Seti">: Google’da bir şeyler aradığımızda web sayfasının altında yer alan tanımlamaları yapmasını sağlar. <head></head> tagı(etiketi) içine yazılır. Bu kod satırında tanımlama şudur: HTML Eğitim Seti
<meta name="author" content="Script Nova">: Bu meta etiketi sayfanın yazarının ismini verir. <head></head> tagı(etiketi) içine yazılır. Bu kod satırında yazarın ismi “Script Nova”dır.
<link rel="stylesheet" type="text/css" href="dosyadı.css">: css dosyasını html dosyasına bağlar. <head></head> tagı(etiketi) içine yazılır. Css tanımlamak için <head></head> etiketin içerisine <style></style> etiketi açarak css tanımlanabilir.
<script src="dosyaismi.js"></script>: JavaScript dosyasını html dosyasına bağlar. <head></head> tagı(etiketi) içine yazılır.
<title>vermek istediğin başlık buraya yazılır.</title>: Bu etiket sitenin başlığıdır. <head></head> tagı(etiketi) içine yazılır.
<link rel="shortcut icon" href="icondosyadı.ico">: Bu kod satırı web sayfasına favicon ekler. <head></head> tagı(etiketi) içine yazılır.
Merhaba ve HTML'e hoş geldiniz! Bu yazıda, web geliştirme dünyasının temel taşı olan HTML (Hypertext Markup Language) hakkında temel bilgileri öğreneceksiniz. Web sitelerini oluşturmak için kullanılan bu güçlü işaretleme dilini öğrenmek, çevrimiçi varlığınızı oluşturmanın ilk adımıdır. İsterseniz hemen başlayalım!
HTML nedir?
“Hyper Text Markup Language” baş harflerinin birleşimi ile oluşmuştur. Türkçesi “Hiper Metin İşaretleme Dili” dir.
Geçmişten Günümüze
1991 - “HTML” çıktı.
1995 - “HTML 2.0” sürümü çıktı.
1997 - “HTML 3.2” sürümü çıktı.
1999 - “HTML 4.01” sürümü çıktı.
2000 - “XHTML” sürümü çıktı. Açılımı: “Extensible HyperText Markup Language” dır. Türkçesi: “Genişletilebilir Büyütülmüş Metin İşaretleme Dili” dir.
2014 - “HTML5” sürümü çıktı. Günümüzde HTML5 kullanılıyor.
Python, nesne yönelimlibir programlama dilidir. Bu, kodun nesneler üzerine kurulduğu anlamına gelir.Nesneler, Python'da özellikler ve işlevlerin birleştirilmesiyle oluşturulanveri yapılarıdır. Python, nesne yönelimli programlama paradigmasınıdesteklemesinin yanı sıra, işlevsel programlama ve prosedürel programlamaparadigmalarını da destekler.
Python, geniş birkütüphane desteğine sahiptir. Bu kütüphaneler, programcılara, önceden yazılmışve test edilmiş kodları kullanarak işlerini hızlandırmalarını sağlar.Python'da, ayrıca, veri analizi, yapay zeka, makine öğrenimi, bilimselhesaplama, web uygulamaları ve otomasyon gibi birçok alanda kullanılan ücretsizve açık kaynaklı kütüphaneler ve araçlar bulunur.
Python, modüler biryapıya sahiptir. Bu, kodun küçük, bağımsız parçalara bölünebileceği ve her birparçanın ayrı ayrı test edilebileceği anlamına gelir. Bu, büyük ölçekliprojelerde çalışmanın daha kolay hale gelmesini sağlar.
Python, birçok farklıplatformda çalışabilir. Python kodu, Windows, macOS, Linux ve diğer birçokişletim sisteminde çalışabilir. Bu, Python'un taşınabilirliği için önemlidir.
Sonuç olarak, Python,kolay öğrenilebilir, okunabilir ve anlaşılır bir dil olması, modüler bir yapıyasahip olması, geniş kütüphane desteği sunması ve birçok farklı uygulamaalanında kullanılabiliyor olması nedeniyle, günümüzde en popüler programlamadillerinden biridir.
full_title
En iyi ücretsiz VPNprogramlarından bazıları şunlardır.
Bu VPN programları,kullanıcıların internet üzerinde güvenli bir şekilde gezinmelerine yardımcıolurken, çevrimiçi faaliyetlerini koruma altına alır. Ancak, ücretsiz sürümlergenellikle sınırlı özelliklere sahip olabilir ve ücretli sürümlere kıyasla dahaaz sunucu seçeneği sunabilir.
İşletim sistemi,bilgisayarın donanımını yöneten ve kullanıcılara bir arayüz sağlayanyazılımdır. Piyasada birçok işletim sistemi mevcuttur ve bunların birçoğuücretli olsa da, ücretsiz işletim sistemleri de mevcuttur.
İşte ücretsiz işletimsistemleri hakkında daha detaylı bilgi:
Bu işletim sistemleri,farklı kullanım durumlarına ve gereksinimlere uygun araçlar sunarlar veçoğunlukla ücretsizdirler. Ayrıca, birçok açık kaynak kodlu uygulama bu işletimsistemlerinde çalışabilir ve bunları ücretsiz olarak indirebilirsiniz.
Ücretsiz yapayzeka platformlarından bazıları:
Bu platformların hepsiücretsizdir ve farklı kullanım durumlarına ve gereksinimlerine uygun araçlarsunarlar.
En iyi ücretsizPDF programları şunlardır:
Bu programlar, farklıözelliklere sahip olmakla birlikte, PDF dosyalarıyla çalışmanızı kolaylaştırmakiçin tasarlanmıştır. İhtiyaçlarınıza göre en uygun olanınıdır.
Adobe Photoshop,profesyonel düzeyde bir grafik tasarımı ve düzenleme programıdır. Ancak,Photoshop oldukça pahalı bir yazılımdır ve herkes için uygun olmayabilir. Neyseki, ücretsiz ve açık kaynaklı alternatifler mevcuttur. İşte en iyi ücretsizPhotoshop programları:
1. GIMP:GIMP, GNU Image Manipulation Program'ın kısaltmasıdır ve profesyonel düzeydebir grafik düzenleme programıdır. Açık kaynak kodlu bir yazılım olduğu için,tamamen ücretsizdir ve herhangi bir lisans ücreti ödemeden kullanabilirsiniz.GIMP, Photoshop ile benzer bir arayüze sahiptir ve birçok özelliğe sahiptir,örneğin; katmanlar, fırçalar, efektler, filtreler, klonlama aracı, resimboyutlandırma ve dönüştürme araçları, renk düzenleme, seçim araçları vb.
2. Krita:Krita, çizim ve dijital boyama için özel olarak tasarlanmış bir açık kaynakkodlu grafik tasarım programıdır. Krita, Photoshop'a kıyasla daha sınırlıaraçlara sahip olsa da, çizim tabletleri ve dokunmatik ekranlar gibi gelişmişgiriş cihazlarını destekler ve dolayısıyla çizim ve dijital boyama için dahauygun olabilir.
3. Paint.NET:Paint.NET, Windows kullanıcıları için ücretsiz bir yazılımdır ve kullanımıoldukça kolaydır. Birçok özellik, araç ve filtrelerle birlikte gelir, ancakGIMP ve Krita kadar gelişmiş araçlara sahip değildir. Bu nedenle, daha basitgrafik tasarım projeleri için idealdir.
4. Pixlr:Pixlr, birçok web tabanlı grafik tasarım aracından biridir. Ücretsiz bir sürümüvardır, ancak tamamen web tabanlı bir platform olduğu için internet bağlantısıgerektirir. Pixlr, resim düzenlemek için temel araçları sunar, ancak GIMP veyaPhotoshop kadar gelişmiş araçlara sahip değildir.
5. Canva:Canva, tasarım projesi yapmak isteyenler için kullanıcı dostu bir platformdur.Canva, birçok hazır şablon, resim ve grafik sunar, böylece profesyonel düzeydetasarım yapmak için kodlama veya grafik tasarım bilgisi gerektirmez. Sosyalmedya grafikleri, infografikler, broşürler, davetiyeler ve daha fazlası gibibirçok tasarım projesi için idealdir.
Bu, ücretsiz Photoshopalternatiflerinden sadece birkaçıdır. Bu programların bazıları, özelliklebelirli bir tasarım türüne özgüdür. Ancak, hepsi profesyonel düzeyde grafiktasarımı yapmak için yeterli araçlara sahiptir.
Popüler Özgür YazılımProgramları:
1. Linux:Özgür bir işletim sistemi olan Linux, dünya çapında milyonlarca kullanıcısıolan en popüler özgür yazılımlardan biridir. Linux, bilgisayarlar, sunucular,akıllı telefonlar, tabletler ve hatta arabalar gibi birçok cihazdakullanılabilir.
2. Apache:Apache, web sunucuları için en popüler özgür yazılım. Web sitelerinin büyük birbölümü, Apache web sunucusu kullanır.
3. MozillaFirefox: Mozilla Firefox, özgür bir web tarayıcısıdır. Firefox, popülertarayıcılar arasında yer almaktadır ve birçok platformda kullanılabilir.
4. LibreOffice:LibreOffice, Microsoft Office gibi ofis yazılım paketlerine alternatif olarakkullanılabilen özgür bir yazılımdır. LibreOffice, kelime işlemciler, elektroniktablolar, sunum programları ve veritabanı yönetimi araçları gibi birçok özellikiçerir.
5. GIMP:GIMP (GNU Image Manipulation Program), özgür bir grafik düzenleme programıdır.Photoshop gibi ticari yazılımlara alternatif olarak kullanılabilir.
6. Blender:Blender, özgür bir 3D modelleme ve animasyon yazılımıdır. Blender, ticariyazılımlara alternatif olarak kullanılabilir.
7. VLCMedia Player: VLC Media Player, özgür bir medya oynatıcısıdır. VLC, çeşitlimedya dosyalarını oynatabilir ve birçok platformda kullanılabilir.
8. Audacity:Audacity, özgür bir ses düzenleme yazılımıdır. Audacity, ses kaydı yapabilir,ses dosyalarını düzenleyebilir ve farklı formatlara dönüştürebilir.
9. Inkscape:Inkscape, özgür bir vektör grafik editörüdür. Inkscape, Adobe Illustrator gibiticari yazılımlara alternatif olarak kullanılabilir.
10. WordPress: WordPress, özgür ve açıkkaynaklı bir blog oluşturma platformudur. WordPress, birçok web sitesi içinpopüler bir içerik yönetim sistemi olarak kullanılır.
Bu sadece birkaçörnektir. Özgür yazılımın birçok kategoride çeşitli programları bulunmaktadırve her yıl daha fazla özgür yazılım programı geliştirilmektedir.
Özgür yazılım (Freesoftware), kullanıcıların bilgisayar programlarını çalıştırmak, kopyalamak,dağıtmak, değiştirmek ve geliştirmek için özgür olduğu anlamına gelir."Özgür" burada "bedava" anlamında değildir, aslında özgüryazılım, kullanıcılara yazılımın kontrolünü ve özgürlüğünü verir.
Özgür yazılım, RichardStallman tarafından GNU projesi ile başlatılmıştır. Özgür yazılımın beş temelözgürlüğü şunlardır:
1. Programınçalıştırılması için özgürlük.
2. Programınkaynak koduna erişim özgürlüğü.
3. Programıdeğiştirme özgürlüğü.
4. Değiştirilmişprogramın tekrar dağıtılması özgürlüğü.
5. Programıntopluluk için geliştirilmesi ve paylaşılması özgürlüğü.
Özgür yazılımınavantajlarından bazıları şunlardır:
1. Kullanıcılarınprogramları istedikleri şekilde kullanmalarına izin verir.
2. Yazılımınkaynak koduna erişim sağlandığından, hataları ve güvenlik açıklarını bulmak vegidermek daha kolaydır.
3. Topluluktarafından geliştirilen özgür yazılım, daha geniş bir kullanıcı tabanına sahipolduğundan, daha fazla kullanıcı tarafından test edilir ve geliştirilir.
4. Özgüryazılım, farklı platformlarda çalışabilir ve bu sayede kullanıcılar arasındadaha az uyumsuzluk yaşanır.
Özgür yazılımındezavantajlarından bazıları şunlardır:
1. Bazıkullanıcılar özgür yazılımın gelişimini sınırlayabilecekleri endişesiyle, özgüryazılım kullanmayı tercih etmeyebilirler.
2. Bazıkullanıcılar, özgür yazılımın ticari kullanımını kısıtlayabileceği endişesiyle,özgür yazılım kullanmayı tercih etmeyebilirler.
3. Özgüryazılımın her zaman ticari ürünlerden daha iyi olacağına dair bir garantiyoktur.
Özgür yazılımın popülerörnekleri arasında Linux işletim sistemi, Apache web sunucusu, Mozilla Firefoxweb tarayıcısı ve LibreOffice ofis yazılım paketi bulunmaktadır.