Merhaba sevgili izleyiciler! Bugün sizlere HTML kullanarak basit bir yemek tarifi uygulaması nasıl yapılır, adım adım göstereceğim. Bu videoda, web geliştirmenin temelini oluşturan HTML’i kullanarak lezzetli bir yemek tarifinin nasıl sunulabileceğini öğreneceksiniz.
Video İçeriği:
HTML nedir ve nasıl kullanılır?
Temel HTML belgesi yapısı
Başlık ve paragraf etiketleri
Sırasız ve sıralı liste oluşturmak
Web sayfanızı tarayıcıda görüntüleme
Bu videoyu izleyerek, HTML ve web geliştirme becerilerinizi geliştirecek ve kendi yemek tarifi uygulamanızı oluşturmak için gerekli temel bilgilere sahip olacaksınız.
Eğer bu videoyu beğenirseniz, lütfen beğenmeyi ve kanalıma abone olmayı unutmayın. Ayrıca, daha fazla web geliştirme ve programlama içerikleri için yorumlarınızı ve önerilerinizi bekliyorum. İyi seyirler!
Arkadaşlar merhaba sıfırdan ileri seviye pront and developer olma kursumuzda HDMI serisinde egzersiz bölümündeyiz bu bölümde ilk 3 derste öğrendiğimiz konularla ilgili egzersiz yapacağız bunu bilgilerimizi tekrar edeceğiz o bölümlerde listeleri sıralı listeleri ve paragrafı görmüştük Bununla ilgili bir yemek tarifi uygulaması yapacağız burada ben tekrardan başlatıyorum şu anda sayfalarım hazır Buraya da yayınladım
Geldi şimdi ilk başta tarifini vermek istediğimiz yemeğin başlığını yazıyoruz Ben buraya sağında yumurta yazıyorum bu şekilde daha sonra bu yemekle ilgili bir tanım yapalım buradan sağlayayım bu şekilde tarifle ilgili tanımımızı yazdık şimdi o derslerde öğrendiğimiz konulardan bir tanesi de listeydi şimdi listeden önce kısa bir alt başlık atıyorum burada malzemeler diye belirtiyorum
Şimdi yemek tarifimiz için malzemelerimizi yazalım burada bir sıralı olmayan liste anordu liste koydum Daha sonra buraya internette bulduğum bir yumurta tarifini alacağım bunu düzenleyelim bu şekilde bu birinci malzememiz Evet şimdi ikinci malzememizi alacağız Burada da şimdi gördüğünüz gibi yemek tarifi sitemiz için bu en basit hali CSS olmadığı için böyle gözünüze kötü
Gelebilir ama HDMI temelini anlamanız için bu örneği yapmak istedim siz de benimle beraber bu örneği yaparsanız sizin için daha kalıcı olur burada Amacım size sıralı olmayan listelerle sıralı olan listelerin farkını ve önemini anlatmak ve orada kullandığımız yapıları burada tek tek kendimize yapacağız şimdi Yemek tarifinde Önemli olan şeylerden bir tanesi sıralaması
Bunun için sıralı liste kullanacağız burada bir alt başlık yapıyorum yapılışı yazdım gördüğünüz gibi daha sonra yapılışı kısmına da tekrar bir order yani sıralı listeye elemanı Ekledim elementimize ekledim sonra ilk ayetimizi yazalım bunu da internetten bir tarifini alalım bu şekilde sonra ikinci kısmı alacağız gördüğünüz gibi biraz daha yaklaştırayım rahat görün diye
3 kısma alıyorum 4 kısımda da bitir işi yapıyoruz Evet gördüğünüz gibi bizim İlk derslerde öğrendiğimiz bütün yapıyı kullandık H1 etiketiyle ana başlığımızı attık paragraf etiketi ile kısa bir bilgilendirme yaptık Sonra malzemeler diye bir alt başlığımız var H2 ile yaptık bunu Çünkü alt başlığın ana başlıktan daha küçük olması gerekiyordu
Anordu yani sıralı olmayan listeleri kullandık Çünkü yemek malzemesinin sırası bizim için önemli değildi o yüzden anordu dizisi kullandık yemek malzemelerimizi yani Listenin lise olan elementle yazdık bu şekilde daha sonra yapılış içinde H2 ile bir alt başlık oluşturduk Ondan sonra Ordu’da listede sıralı olduğu için bizim için yemek yapılıştaki sıralama çok önemli
Olduğu için de order kullanarak bu şekilde en basit haliyle CSS olmadan herhangi bir tasarım olmadan web Sayfamızın ana omurgasını oluşturmuş olduk bu dersimiz bu kadardı bir sonraki derse görüşmek üzere
KAYNAK
