Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML eğitim serisinin bir bölümüdür. Eğitmen, web sayfası geliştirme konusunda adım adım anlatım yapmaktadır.
- Videoda HTML etiketlerinin kullanımı detaylı olarak gösterilmektedir. İlk bölümde `<lang>` ve `<meta>` etiketleri ile dil bilgisi ve karakter seti ayarları anlatılırken, ikinci bölümde `<a>` etiketi ile sayfa arası bağlantı kurma, `<br>` etiketi ile satır arası geçiş yapma ve metin formatlama etiketleri (`<i>`, `<b>`, `<u>`, `<s>`) açıklanmaktadır.
- Video, bir sonraki derste CSS kullanarak web sayfasını güzelleştireceklerini belirterek sona ermektedir. Ayrıca `<html5>` etiketi ile HTML5 uyumluluğu sağlama ve menü düzenlemesi gibi konular da ele alınmaktadır.
- 00:00HTML Etiketlerine Özellik Ekleme
- Web sayfasının HTML etiketinin kullanım dilini belirlemek için "lang" etiketi kullanılır.
- "lang" etiketine tırnak içerisinde "tr" değeri verilerek sayfanın Türkçe olduğu bilgisi verilir.
- Bu özellik, web sayfalarının karakterlerinin düzgün görüntülenmesinden ziyade, Google Çeviri gibi botların içerik bilgisinin Türkçe olduğunun bilgisini vererek çevirilerde düzgün görüntülenmesini sağlar.
- 00:57Meta Etiketi Kullanımı
- Meta etiketi, sayfadaki karakter setinin düzgün gözükmesi ile alakalıdır.
- Meta etiketinin "charset" özelliği, karakter setinin ne olduğunu belirtmek için kullanılır ve "utf-8" değeri kullanılır.
- UTF-8 karakter seti, birçok dili ve karakteri içerdiği için Türkçe karakterleri görüntüleme açısından sorun yaşanmaz.
- 02:21Hypertext Bağlantıları
- Bir web sayfasının en az bir başka sayfası olması gerekiyor ki sayfalar birbiriyle bağlanmış olsun.
- Hypertextler, bir sayfadan başka bir sayfaya bağlantı sunar ve tıkladığınızda o sayfaya gider.
- "hakkımda.html" adında yeni bir HTML sayfası oluşturulup, ana sayfadan içerik kopyalanarak içeriği doldurulur.
- 04:23HTML Kodlarının Düzenlenmesi
- HTML kodlarının düzenlenmesi için editör kullanılır ve içerik şekillendirmesinden sorumlu olan tek şey HTML kodlarıdır.
- Tarayıcı, içerikteki boşluk, enter, top işaretleri ve girintileri dikkate almaz, sadece ilk boşluğu dikkate alır.
- Bir alt satıra geçmek için "br" etiketi kullanılır, iki ayrı paragraf yapmak için "p" etiketi kullanılır.
- 06:02Metin Biçimlendirme Etiketleri
- Metni italik yazmak için "i" etiketi kullanılır.
- Metni kalın harflerle yazdırmak için "b" etiketi kullanılır.
- Metni altı çizmek için "u" etiketi kullanılır ve etiketi açarken imlecin ortasına gelmesi için kodu kesip içeriye yapıştırmak gerekir.
- 07:35HTML Etiketleri ve Kullanımı
- Dell etiketi, sarmaladığı kelimeyi üzerini çizerek silinmiş izlenimi verir.
- HTML etiketleri, metinleri vurgulamak için kullanılır ve daha fazla etiket için wdriscus.net sitesindeki HTML healing formating kısmına gidilebilir.
- Strong etiketi bold ile aynı etkiye sahip olmasına rağmen, önemli bir metin olduğunu bildirirken, bold sadece kalın bir metin belirtir.
- 08:35Etiketlerin Uygulanması
- Mark etiketi, metnin üzerine işaretleme kalemi ile işaretlemek için kullanılır ve metnin başına ve sonuna eklenir.
- Try it yourself özelliği ile etiketlerin ne işe yaradığını kontrol etmek mümkündür.
- "DOCTYPE html" ifadesi, sayfanın HTML5 kullanıldığını bildirir ve tarayıcılar bu bilgiye göre etiketleri yorumlar.
- 10:36Sayfa Düzenleme ve Gelecek Ders
- Sayfada içeriği düzeltmek için etiketler silinebilir ve menüler sabitlenebilir.
- Etiketler arka arkaya kullanıldığında yan yana sıralanır, bu durumu engellemek için br ifadesi kullanılabilir.
- Bir sonraki derste CSS kodları kullanılarak web sayfası güzelleştirilecek, yeni sayfalar eklenecek ve içerik genişletilecektir.