Home CSS3 / HTML5 Html5 Dersleri-5 | Aside Elementi Kullanımı
Html5 Dersleri-5 | Aside Elementi Kullanımı

Html5 Dersleri-5 | Aside Elementi Kullanımı

514
1

Merhaba arkadaşlar. Uzun süre sonra web sitesiyle alakalı makaleler yazmıyorduk. Yeni sezonla birlikte, yep yeni derslerle artık sizlerle birlikte olacağız inşallah. Bu seneki çalışmalarımızın daha güzel olacağına inanıyorum. Neyse, kaldığımız yerden devam edilim ki eski konuları da yavaş yavaş bitirelim değil mi?  Bu yüzden Html5 elementlerinden birisi olan <aside> elementinin anlatımını yapacağım.

<aside> elementi, içerikte yer alan nesneler hakkında extra bilgi oluşturmak içindir. İçerik bölümünün yanında yer alır. Veya sayfanın kenarlarında reklam alanları, küçük açıklama ve ek bilgi kısımlarını tanımlamak için kullanılmaktadır. Şimdi size bir örnek vererek nasıl kullanıldığını gösterelim.

<!DOCTYPE html>
<html>
<head>
<title>HTML5 aside elementi örneği</title>
</head>
<body>
<article>
<header>
<h1>Adobe DreamweaverCS6</h1>
</header>
<p>Adobe DreamweaverCS6, görsel olarak web sitelerinin oluşturulmasını sağlayan web editörüdür. </p>
<aside>
<p>Bununla birlikte Adobe DreamweaverCS6  programı diğer editör programlarından daha fazla kullanılmaktadır. </p>
</aside>
</article>
</body>
</html>

DERS ANLATIMLARI

( Başlıklara Tıklayarak Diğer Derslere Geçebilirsiniz)

DERS1: HTML 5 Nedir? ve Html5 Anlatım

DERS2:Html5 Dersleri-2 | Header, Footer Elementleri Kullanımı

DERS3: Html5 Dersleri-3 | Nav Elementi Kullanımı

DERS4: Html5 Dersleri-4 | Article ve Section Elementi Kullanımı

DERS5: Html5 Dersleri-5 | Aside Elementi Kullanımı

Ders6: ÇOK YAKINDA…

(514)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(1)

  1. Tek sayfa içinde kalmayı önemsiyordum Responsive i anlamak için bakarken scroll js ile güzel bir şey daha öğrenmiş oldum.
    Teşekkürler paylaşımlarınız için.

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.