Merhabalar! Web Tasarım derslerimizin 2.bölümüyle karşınızdayım. Bu bölümde html'e daha detaylı giriş yapacağız. Beklemeye gerek yok. Hadi başlayalım
Html kodumuzu açıyoruz. Bu derste ilk öğreneceğimiz tag <p> bu tag; bizim paragraf yazmamızı sağlıyor. Şimdi önceki derste yazdığımız kodlara bakalım :
<html>
<body>
<h1>Merhada Dünya ! </h1>
</body>
</html>
Şimdi <h1> tagımızın altına <p> tagını yazalım.
<html>
<body>
<h1>Merhada Dünya ! </h1>
<p></p>
</body>
</html>
Şunu unutmayalım : her tag iki kez kullanılır(mesela p tagını kullanacaksınız ve iki kez p tagını yazıyorsunuz) ve sonuncusunun başında "/" olur.
Şimdi <p> tagımızın içine yazımızı yazalım
<p>Merhaba Dünya !</p>
Şimdi html dosyamızı kaydedip tarayıcımzda açalım (çift tık veya sağ tık>birlikte aç> tarayıcınız). Gördüğünüz gibi bir paragraf ve bir başlık var.
Şimdi bu yazıları renklendirelim. bunun için <h> tagımızn içine şu kodu yazalım : " style="color:blue;" " kodumuz bu şekilde olacaktır:
<h1 style="color:blue;">Merhaba Dünya !</h1>
ve html dosyasını kaydedip tarayıcımızda çalıştırdığımızda başlığımz mavi olacaktır. Eğerki kırmızı olmasını istiyorsanız blue yerine red yazabilirsiniz. Şimdi Aynı Şeyi paragrafımıza da uyguluyalım
<p style="color:blue;">Merhaba Dünya !</p>
Ve html dosyasını tarayıcımızda açınca yada yenileyince yazının renkli olduğunu göreceksiniz.
Şimdi Gelelim Arkaplanı Ayarlamaya. Arkaplanımızı Renkli Yapmak İçin <body> tagımızı aşağıdaki şekle göre düzenliyoruz
<body style="background-color:black;">
ve body tagımız düzelltikten sonra html kodumuzu kaydediyoruz arkaplanımız siyah olacaktır.
Dersimizin sonuna gelmiş bulunmaktayız. Biliyorum Kısa Oldu Ama 3. Ders Çok Yakında
1.Ders Linki : Web Tasarım Dersleri Bölüm #1 - Gerekenleri Hazırlama Ve Başlangıç
@Creative @EFI Shell @morofobik @Servous @MrtAltgSizce Nasıl Olmuş?
Html kodumuzu açıyoruz. Bu derste ilk öğreneceğimiz tag <p> bu tag; bizim paragraf yazmamızı sağlıyor. Şimdi önceki derste yazdığımız kodlara bakalım :
<html>
<body>
<h1>Merhada Dünya ! </h1>
</body>
</html>
Şimdi <h1> tagımızın altına <p> tagını yazalım.
<html>
<body>
<h1>Merhada Dünya ! </h1>
<p></p>
</body>
</html>
Şunu unutmayalım : her tag iki kez kullanılır(mesela p tagını kullanacaksınız ve iki kez p tagını yazıyorsunuz) ve sonuncusunun başında "/" olur.
Şimdi <p> tagımızın içine yazımızı yazalım
<p>Merhaba Dünya !</p>
Şimdi html dosyamızı kaydedip tarayıcımzda açalım (çift tık veya sağ tık>birlikte aç> tarayıcınız). Gördüğünüz gibi bir paragraf ve bir başlık var.
Şimdi bu yazıları renklendirelim. bunun için <h> tagımızn içine şu kodu yazalım : " style="color:blue;" " kodumuz bu şekilde olacaktır:
<h1 style="color:blue;">Merhaba Dünya !</h1>
ve html dosyasını kaydedip tarayıcımızda çalıştırdığımızda başlığımz mavi olacaktır. Eğerki kırmızı olmasını istiyorsanız blue yerine red yazabilirsiniz. Şimdi Aynı Şeyi paragrafımıza da uyguluyalım
<p style="color:blue;">Merhaba Dünya !</p>
Ve html dosyasını tarayıcımızda açınca yada yenileyince yazının renkli olduğunu göreceksiniz.
Şimdi Gelelim Arkaplanı Ayarlamaya. Arkaplanımızı Renkli Yapmak İçin <body> tagımızı aşağıdaki şekle göre düzenliyoruz
<body style="background-color:black;">
ve body tagımız düzelltikten sonra html kodumuzu kaydediyoruz arkaplanımız siyah olacaktır.
Dersimizin sonuna gelmiş bulunmaktayız. Biliyorum Kısa Oldu Ama 3. Ders Çok Yakında
1.Ders Linki : Web Tasarım Dersleri Bölüm #1 - Gerekenleri Hazırlama Ve Başlangıç
@Creative @EFI Shell @morofobik @Servous @MrtAltgSizce Nasıl Olmuş?
düzenlendi
