HTML

HTML'de "#" işareti iki farklı şekilde kullanılır: 1. Named Anchor (Adlandırılmış Anchor): "#" sembolü, bir web sayfasının belirli bir bölümüne bağlantı vermek için kullanılır. 2. Hashtag (#) İşareti: Sosyal medya ve dijital dünyada kelime veya kelime gruplarını etiketlemek için kullanılır.

JavaScript kodları üç farklı şekilde yazılabilir: 1. HTML Etiketi İçinde (Yerel Script): Küçük ve basit işlemler için JavaScript kodları doğrudan HTML etiketlerinin içine yazılabilir. 2. Sayfa İçinde Script Etiketleri Arasında: JavaScript kodları, HTML sayfası içinde herhangi bir yerde `<script>` etiketi içine yazılır ve genellikle `<body>` etiketi kapanmadan hemen önce yerleştirilir. 3. Harici JavaScript Dosyası (Harici Script): Büyük projelerde kodun düzenli ve modüler olması için JavaScript kodları ayrı bir dosyaya yazılarak HTML dosyasının içine çağırılır.

<meta> etiketi, HTML belgesinin meta verilerini tanımlamak için kullanılır. Kullanım şekli: Her zaman <head> etiketi içerisinde tanımlanmalıdır. İsim / değer çiftleri şeklinde tanımlanır. Content özelliği kullanılırken name veya http-equiv özelliklerinden biri tanımlanmış olmalıdır. Örnekler: Arama motorları için anahtar kelimelerin tanımlanması: ```html <meta name="keywords" content="HTML, CSS, On Parmak"> ``` Sayfa açıklamasının tanımlanması: ```html <meta name="description" content="Bilişim ve Teknoloji Eğitimi"> ``` Sayfa yazarının tanımlanması: ```html <meta name="author" content="m5bilisim.com"> ``` Bazı desteklenen meta etiketleri: description: Sayfanın kısa bir açıklamasını sağlar. robots: Arama motoru tarama ve dizine ekleme işlemlerini kontrol eder. viewport: Tarayıcıya, sayfanın mobil cihazda nasıl oluşturulacağını bildirir. Daha fazla bilgi için Google ve Yandex'in resmi dokümanlarına başvurulabilir.

H6 ve H6M aynı etiketler değildir. H6, HTML'de kullanılan bir başlık etiketidir ve web sayfalarındaki en düşük önem seviyesine sahip başlığı temsil eder. H6M etiketi ise belgede yer almayan bir etikettir ve mevcut HTML standartlarında tanımlanmamıştır.

"Web Programlamanın Temelleri" kitabı, farklı web teknolojilerinin bir arada kullanımı ile web sayfalarının sağlıklı bir şekilde nasıl oluşturulabileceğini anlatmaktadır. Kitapta işlenen konular arasında: - HTML, HTML-5, CSS, XML, JavaScript (JS) ve PHP gibi temel web teknolojileri yer almaktadır. - Bu teknolojilerle ilgili uygulama örnekleri ve kodlama pratikleri bulunmaktadır. Kitabın amacı, işlevsel ve etkili web siteleri oluşturmak için gerekli olan web teknolojilerini öğrenmek ve web sayfalarının geliştirilme süreçlerini kolaylaştırmaktır.

HTML'yi düz yazıya (TXT) çevirmek için aşağıdaki online dönüştürücüler kullanılabilir: 1. AnyConv: HTML dosyasını yükleyip "Dönüştür" butonuna tıklayarak TXT formatına çevirir. 2. MiConv: "Dosyaları seçin" butonuna tıklayıp HTML dosyalarını yükleyerek TXT'ye dönüştürür. 3. Convertio: Dosyaları seçip "txt" formatını seçerek HTML'yi TXT'ye çevirir. 4. Convert2: Hızlı ve ücretsiz olarak HTML'yi TXT'ye dönüştürür. Bu dönüştürücüler, herhangi bir yazılım indirmeden çevrimiçi olarak çalışır.

HTML'yi PHP'ye çevirmenin iki ana yolu vardır: 1. PHP kodunu HTML dosyasına doğrudan eklemek: PHP kodu, `<?php` ve `?>` etiketleri arasına yerleştirilir ve web sunucusu tarafından PHP kodu olarak yorumlanır. 2. HTML kodunu PHP içinde echo komutuyla göndermek: Bu yöntem, daha fazla kontrol sağlar ancak daha zahmetlidir. Ayrıca, çevrimiçi HTML'den PHP'ye dönüştürme araçları da mevcuttur.

Komut bloğu ile resim yapmak için AutoCAD programında BLOCK ve WBLOCK komutlarını kullanabilirsiniz. 1. BLOCK Komutu: Mevcut çizim parçalarını blok haline getirmek için kullanılır. Bu komutu çalıştırmak için: - Komut satırına `block` veya `bmake` yazın ve Enter tuşuna basın. - Bloklanacak nesnenin adını `Name` kutusuna yazın. - `Base point` bölümünde, bloğun yerleştirileceği referans noktasını belirleyin. - `Object` bölümünde, blok haline gelecek nesneleri seçin. 2. WBLOCK Komutu: Oluşturulan blokları farklı çizimlerde de kullanabilmek için diske kaydetmek için kullanılır. Bu komutu çalıştırmak için: - İlk olarak `Write Block` diyalog kutusu ekranda görünecektir. - `Source` bölgesinde, `Block` seçeneğini seçerek daha önce çizimde oluşturulmuş bloğu kaydedin. - `Destination` bölümünde, dosyanın kaydedileceği ismi ve yolu belirleyin. Ayrıca, HTML dilinde web sitelerine resim eklemek için `<img>` etiketini kullanabilirsiniz. Bu etiketin kullanımı şu şekildedir: ```html <img src="resim_adresi" alt="Resim açıklaması" /> ``` Burada `src` özelliği, resmin dosya adını veya URL'sini belirtir.

HTML'de uzman olmak için gereken süre, kişinin öğrenme hızına ve çalışma yoğunluğuna bağlı olarak değişir. Temel HTML bilgilerini öğrenmek birkaç hafta ile birkaç ay arasında sürebilir. HTML'nin daha derin ve karmaşık konularını öğrenmek, CSS ve JavaScript gibi diğer web teknolojileriyle birlikte kullanımını anlamak daha uzun zaman alabilir. HTML öğrenmek için online dersler, kitaplar, video eğitimleri ve interaktif uygulamalar gibi çeşitli kaynaklar mevcuttur.

HTML'de script eklemek için `<script>` etiketi kullanılır. Bu etiket, JavaScript kodunu içine alır ve iki şekilde kullanılabilir: 1. Dahili JavaScript kodu: JavaScript kodu doğrudan `<script>` etiketleri arasına yazılır. Örnek: ```html <script> function showMessage() { alert("Hello, world!"); } </script> ``` 2. Dışa bağlı script dosyası: JavaScript kodu, `src` attribute'ü ile belirtilen harici bir dosyada saklanır. Örnek: ```html <script src="myscript.js"></script> ``` Script etiketinin yerleştirilmesi: `<script>` etiketi, HTML belgesinin `<head>` veya `<body>` bölümüne yerleştirilebilir.

Boşluk kodu HTML'de "&nbsp;" kodudur. Bu kod, normal bir boşluk karakteri gibi kullanılır ancak yeni bir alt satıra geçmez.

Tr kısaltması, farklı bağlamlarda farklı anlamlara gelebilir: 1. GPS (Global Positioning System) bağlamında, Tr uydu sinyallerini ifade edebilir. 2. HTML dilinde, tr etiketi, bir tablo satırını belirtmek için kullanılır ve tablo verilerinin düzenli gösterilmesini sağlar. 3. TSE (Türk Standartları Enstitüsü) bağlamında, Tr etiketi, sayfanın Türkçe olduğunu belirtmek için kullanılır ve arama motorlarına doğru dilde içerik sunulmasını sağlar.

Ahşap rengi, sıcak renkler kategorisinde yer alır ve kırmızı, turuncu, kahverengi, sarı ve sarı yeşil tonlarına sahiptir. Açık Ahşap renginin bazı renk kodları: HEX: #E9C2A6; RGB: rgb(233, 194, 166).

Link görüntüleyici kullanımı, görüntülemek istediğiniz dosya veya içeriğe göre değişiklik gösterebilir. İşte bazı yaygın link görüntüleyici türleri ve kullanımları: 1. LINK Dosyaları: LINK dosyaları genellikle Misc Files kategorisine girer ve bu dosyaları açmak için evrensel bir dosya görüntüleyici veya ilgili program gereklidir. Örneğin, Unknown Apple II File programı bu tür dosyaları açabilir. 2. Instagram Linkleri: Instagram profillerini, hikayelerini ve gönderilerini anonim olarak görüntülemek için çevrimiçi link görüntüleyiciler kullanılabilir. Bu tür araçlar, Instagram'a giriş yapmadan profil bilgilerini ve medya içeriklerini görmenizi sağlar. 3. HTML Dosyaları: HTML dosyalarını görüntülemek ve düzenlemek için HTML görüntüleyici araçları kullanılabilir. Bu araçlar, gerçek zamanlı önizleme, sözdizimi vurgulama ve kod doğrulama gibi özellikler sunar.

Ul içine img etiketi yazmak için aşağıdaki formatı kullanmak gerekmektedir: ```html <ul> <li> <img src="resim_yolu" alt="resme_alternatif_yazı"> </li> </ul> ``` Burada src özelliği, resmin yolunu belirtir ve alt özelliği ise resim yüklenemediğinde ekranda gösterilecek alternatif metni tanımlar.

Siteye müzik eklemek için iki ana yöntem bulunmaktadır: 1. WordPress Eklentileri: WordPress tabanlı bir site için çeşitli müzik ekleme eklentileri kullanılabilir. İşte bazıları: - Compact WP Audio Player: Ücretsiz, oynatıcı ve liste oluşturma imkanı sunar. - Audio Album: Birden çok ses dosyasını gruplandırma ve albüm yapma imkanı sağlar. - SoundCloud is Gold: SoundCloud içeriklerini paylaşma imkanı sunar. - Blubrry PowerPress: Google ve Apple podcastlerini destekler. - Music Player for WooCommerce: WooCommerce sitelerinde müzik dosyaları satmak için kullanılır. 2. HTML Kodları: HTML kullanarak da siteye müzik eklenebilir. İşte basit bir örnek: ```html <audio autoplay=""> <source src="ses.mp3" type="audio/mpeg"> </audio> ``` Bu kod, müzik dosyasını otomatik olarak çalar.

Navbar ve header terimleri genellikle web tasarımında farklı bağlamlarda kullanılır, ancak bazen birbirinin yerine geçebilirler. - Navbar, navigasyon çubuğu anlamına gelir ve genellikle web sayfasının üst veya alt kısmında yer alan, farklı sayfalara veya bölümlere bağlantılar içeren yatay veya dikey bir çubuktur. - Header ise, web sayfasının başlık veya logo bölümünü, ayrıca navigasyon bağlantıları, arama çubuğu ve iletişim bilgileri gibi diğer önemli bilgileri içeren bir bölümdür. Özetle, navbar daha çok navigasyon odaklıyken, header daha geniş bir bilgi ve işlevsellik yelpazesi sunar.

Ctrl + F ve Ctrl + U tuşlarının aynı anda basılması, geçerli web sayfasının kaynak kodunu görüntüleme ve seçili yazının altını çizme işlevlerini yerine getirir.

<img> etiketi, HTML'de görüntü eklemek için kullanılır. Kullanımı şu şekildedir: ```html <img src="resim_yolu" alt="alternatif_metin" /> ``` Burada: - src özelliği, görüntünün yolunu belirtir (yerel bir dosya ise göreli yol, çevrimiçi bir dosya ise mutlak URL). - alt özelliği, görüntü yüklenemediğinde ekranda görüntülenecek alternatif metni tanımlar. Ek özellikler: - width ve height özellikleri ile görüntünün boyutu ayarlanabilir. - title özelliği, fare üzerine geldiğinde görüntülenecek bir araç ipucu ekler. Örnek: `manzaralar` klasöründe bulunan `cicekler.jpg` resmini eklemek için: ```html <img src="manzaralar/cicekler.jpg" /> ```.

HTML belgesi oluşturmak için aşağıdaki adımları izlemek gerekmektedir: 1. Metin düzenleyici açmak: Windows için Not Defteri veya Notepad++, Mac için TextEdit kullanılabilir. 2. HTML belge türünü belirlemek: `<!DOCTYPE html>` yazıp Enter'a basmak, ardından `<html>` yazıp tekrar Enter'a basmak ve `<head>` yazmak gereklidir. 3. Sayfa başlığı eklemek: `<title>` yazıp web sayfanın sekme başlığını girmek ve ardından `</title>` yazmak gerekir. 4. Body metninin başlangıcını belirtmek: Kapalı olan `<head>` etiketinin altına `<body>` yazmak gereklidir. 5. Başlık oluşturmak: `<h1>` yazıp başlığı eklemek ve etiketi `</h1>` ile kapatmak gerekmektedir. HTML ile daha karmaşık işlemler yapmak için CSS (Basamaklı Stil Sayfaları) ve JavaScript gibi diğer web programlama dillerini öğrenmek faydalı olacaktır.