Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, onlarca ve yüzlerce web sitesi geliştiren bir eğitmen tarafından sunulan HTML dersinin bir bölümüdür.
- Videoda HTML'in temel yapısı ve temel etiketleri anlatılmaktadır. Eğitmen önce HTML dosyasının yapısını göstererek `<html>`, `<head>` ve `<body>` etiketlerinin işlevlerini açıklamakta, ardından body etiketinin önemi ve kullanımı örneklerle göstermektedir. Ayrıca meta etiketlerinin SEO ile ilişkisi hakkında bilgi verilmektedir.
- Dersin devamında paragraf, buton ve link gibi temel etiketlerin anlatılacağı belirtilmektedir. Eğitmen, HTML öğrenmek için "with schools html" adlı bir web sitesi önermekte ve bu siteyi kullanarak HTML elementlerini deneyebileceğinizi ve kendi web sitelerini oluşturabileceğinizi belirtmektedir.
- HTML Dersinin Başlangıcı
- HTML derinlemesine girilecek ve genel yapısı, kullanılan etiketler hakkında bilgi verilecek.
- HTML'in bir standardı vardır ve bu standarta göre yazılması gerekir.
- Ders kodları "html ders kodları" adlı bir klasöre atılacak ve bu klasör paylaşılacak.
- 01:51HTML Yapısının Temelleri
- Bir web sitesinde genellikle "index.html" dosyası bulunur ve sunucu bu dosyayı okur.
- HTML dosyasında "!" işareti kullanılarak kodun emme özelliği aktif edilir.
- HTML dosyasında UTF-8 karakter yapısı ve responsive (mobil) yapı için meta kodları bulunur.
- 03:55HTML Etiketleri ve Özellikleri
- "DOCTYPE html" etiketi HTML sürümünü belirtir ve en son sürüm HTML 5'tir.
- HTML etiketi açılış ve kapanış etiketleri içerir ve içerisine hit ve body etiketleri gelir.
- Meta kodları web sitesinin yazarı, açıklama kısmı ve içeriği hakkında bilgi içerir.
- 05:26Meta Etiketleri ve Kullanımı
- Meta taglarında web sitesinin içeriği hakkında bilgiler bulunur ve tarayıcı bu bilgileri okuyarak indexleme yapar.
- "Title" etiketi web sitesinin başlığını belirler.
- HTML kodlarını düzenlemek için "File Explorer" üzerinden dosya açılabilir.
- 07:11HTML Öğrenme Kaynakları
- "With Schools HTML" adlı web sitesi HTML öğrenmek için tavsiye edilir.
- İngilizce bilgisi yetersiz olanlar için Google Translate eklentisi kullanılabilir.
- "With Schools HTML" sitesinde "Try Yourself" özelliği ile HTML kodları anlık olarak test edilebilir.
- 09:27Body Etiketi ve Kullanımı
- Body etiketi, tüm HTML kodlarının yazılacağı yerdir.
- Body etiketi, hit etiketinin içerisine değil, ayrı bir şekilde yazılır.
- Body etiketine paragraf, buton, link, resim gibi etiketler yazılabilir.
- 10:33HTML Etiketleri ve Body Etiketi
- Yenileme işlemi sonrası tıkla, yönlendir gibi etiketlerin body etiketinin içerisine geldiği gösteriliyor.
- Body etiketi silindiğinde tüm etiketlerin gittiği, bu da etiketlerin body içerisinde olduğunu kanıtlıyor.
- Standartlar tek tek yazılmasına gerek olmadığı, onlarca, yüzlerce web sitesi geliştirildiği belirtiliyor.
- 11:24HTML Yapımının Temelleri
- Visco'da ünleme basıp enter'a basıldığında otomatik olarak etiketler çıktığı gösteriliyor.
- UTF-8, title ve responsive scale gibi temel ayarlar yapıldığı belirtiliyor.
- Meta etiketleri SEO ile ilgili olduğu, ancak bu dersin konusu olmadığı açıklanıyor.
- 12:03Dersin Sonucu
- HTML yapımının genel olarak basit olduğu vurgulanıyor.
- Diğer videolarda örnek yapılacağı ve bazı etiketlerin anlatılacağı belirtiliyor.