HTML’de Video Yanına Metin Ekleme

HTML’de bir videonun yanına metin eklemek, kullanıcı deneyimini geliştirmek ve videonun içeriğini daha erişilebilir hale getirmek için önemlidir. Bu makale, HTML’de bir videonun yanına metin eklemenin adım adım bir kılavuzunu sağlayacaktır.

Adım 1: HTML Yapısını Oluşturun

Bir HTML belgesi oluşturun ve aşağıdaki yapıyı ekleyin:

“`html

“`

Adım 2: CSS Stilleri Ekleyin

Videonun ve metnin stilini vermek için bir CSS dosyası oluşturun veya aşağıdaki stilleri HTML belgenize ekleyin:

“`css
.container {
display: flex;
justify-content: space-between;
}

.text-container {
width: 50%;
padding: 10px;
}
“`

Adım 3: Metni Ekleyin

.text-container div’inin içine metni ekleyin:

“`html

“`

İsteğe Bağlı: Metin Konumunu Ayarlayın

Metnin videonun yanındaki konumunu ayarlamak için CSS’de justify-content özelliğini kullanabilirsiniz:

• flex-start: Metni videonun soluna hizalar.
• center: Metni videonun ortasına hizalar.
• flex-end: Metni videonun sağına hizalar.

Örneğin, metni videonun sağına hizalamak için şu CSS’yi kullanın:

css
.container {
justify-content: flex-end;
}

Faydalı Kaynaklar

• HTML Video Elemanı
• CSS Flexbox
• HTML ve CSS ile Video Yanına Metin Ekleme

Sonuç

HTML’de bir videonun yanına metin eklemek, kullanıcı deneyimini geliştirmek ve videonun içeriğini daha erişilebilir hale getirmek için kolay bir işlemdir. Bu kılavuzu takip ederek, videolarınıza kolayca metin ekleyebilir ve içeriğinizi daha ilgi çekici hale getirebilirsiniz.