- Katılım
- 2 Ağustos 2010
- Mesajlar
- 393
- Reaction score
- 0
Selamun aleyküm değerli arkadaşlar bu dersimizde sayfamızın arkaplan rengini ayarlamayı ve sayfalarımızda kullanacağımız listeleme işlemlerini göreceğiz yine oldukça önemli bir ders diyebilirim öncelikle bir önceki dersimizi aşağıda hatırlayalım.
Kodlarımızı yazıp farklı kaydet diyerek arkaplan.html olarak masaüstüne kaydedin arkadaşlar.
<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri[/COLOR] Ders6</title>
</head>
<body bgcolor=”#FF0000″>
<font color=”FFFFFF”> Arkaplan Rengi Kırmızı Yazı Rengi Beyaz Olan Bir Uygulama</font>
</body>
</html>
Html Arkaplan Rengi
Yukarda ne yaptık onu özetliyim arkadaşlar <body bgcolor=”#FF0000″> unutmayın arkaplan resim yada renk farketmeksizin <body> içine ekliyoruz ve #FF0000 diyerek kırmızı arkaplan olmasını istedim daha öncede belirttiğim gibi #FF0000 yerine kırmızı rengin ingilizce karşılığı olan red olarakte değer verebilirsiniz.
<font color=”FFFFFF”> Arkaplan Rengi Kırmızı Yazı Rengi Beyaz Olan Bir Uygulama</font> Burda ise daha önceki derslerde anlattığım basitçe yazı şekillendirme kodu yer almakta ve yazıya renk verdim.
Html Listeleme Etiketleri
Html sayfalarda arkadaşlar listeleme etiketleri ile otomatik numaralandırılan listeler oluşturmamız sağlar bu özellik microsoft word proğraındada vardır açarsnız listelemeyi siz satır atladıkça o nuara ekler başına onun bir versiyonuda bu html listelemeler.
Numaralandırma şekli nasıl numaralandırma yapmasını istiyorsak <ol type=”…..”> etiketi ile belirlenir ve değer atanır.
Listeleyeceğimiz hemen numaranın yanında yer alacak yazımız ise örnek isimler diyelim <li> etiketleri arasında kalmalıdır.
Sıralı listeler Uygulaması
Not defterimizi açıyoruz arkadaşlar aşağıdaki kodları yazıp farklı kaydetten dosya adına siralilisteler.html olarak kaydedelim siz isimleri farklı kullanabilirisniz.
<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri Ders6</title>
</head>
<body>
<ol type=”1″>
<li>Web Tasarım</li>
<li>Grafikerlik</li>
<li>Web Programlama</li>
</ol>
<br><br><br>
<ol type=”a”>
<li>Html Bilgisi</li>
<li>Grafik Bilgisi</li>
<li>Tasarım Bilgisi</li>
</ol>
</body>
</html>
Html Sıralı Listeler
Evet Arkadaşlar yukarda iki örnek yaptık biri rakamlar başlayan liste diğeri ise harflerden oluşan bir liste ile yapmış olduk şimdi ise sırasız listeleri ele alacağız.
Sırasız Listeler
Sırasız listelerde sıra listeler gibi kullanım açıısndan hemen hemen aynı sayılır arkadaşlar. Farklı yönleri sıralı listede kullanılan rakam, harf ve roma rakamı kullanılmamasıdır.
Sıralı listeleri nasıl başlatıyorduk <ol type=”…..”> sırasız listelerde ise farklı olarak <ul type=”…..”> yani ol yerine ul parametresi kullanılacak liste sonunda ol ve ul parametrelerini kapatmayı unutmayın.
Sırasız listelerde Seçenekler
<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri Ders6</title>
</head>
<body>
<ul type=”disc”>
<li>Web Tasarım</li>
<li>Grafikerlik</li>
<li>Web Programlama</li>
</ul>
<br><br><br>
<ul type=”circle”>
<li>Html Bilgisi</li>
<li>Grafik Bilgisi</li>
<li>Tasarım Bilgisi</li>
</ul>
<br><br><br>
<ul type=”square”>
<li>Webmaster</li>
<li>Grafiker</li>
<li>Programcı</li>
</ul>
</body>
</html>
Html Sırasız Listeler
Yukardaki örnekleri hemen özetleyelim arkadaşlar ne yaptık
İlk örnek Disc kullandım içi dolu daire şeklinde listeleme yaptım
İkince örnek Circle kullandım içi boş daire şeklinde listeleme yaptı
Üçüncü örnekte ise Square kullandım ve içi dolu kare şeklinde listeleme elde ettim değerli arkadaşlar.
Bugünkü dersimiz ve listele işlemleri bu kadar arkadaşlar bir sonraki dersimiz pazar günü olacak bir gün boş geçiyorum sizlerin sıkılmaması ve bol bol uygulama yapmanız için mutlaka devam edin arkadaşlar sonunda hem geleceğiniz hem hayatınızı değiştirecek imkanlar açacak bu dersler size
- bgcolor
- Arkaplan Çeşitleri
Kodlarımızı yazıp farklı kaydet diyerek arkaplan.html olarak masaüstüne kaydedin arkadaşlar.
<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri[/COLOR] Ders6</title>
</head>
<body bgcolor=”#FF0000″>
<font color=”FFFFFF”> Arkaplan Rengi Kırmızı Yazı Rengi Beyaz Olan Bir Uygulama</font>
</body>
</html>
Html Arkaplan RengiYukarda ne yaptık onu özetliyim arkadaşlar <body bgcolor=”#FF0000″> unutmayın arkaplan resim yada renk farketmeksizin <body> içine ekliyoruz ve #FF0000 diyerek kırmızı arkaplan olmasını istedim daha öncede belirttiğim gibi #FF0000 yerine kırmızı rengin ingilizce karşılığı olan red olarakte değer verebilirsiniz.
<font color=”FFFFFF”> Arkaplan Rengi Kırmızı Yazı Rengi Beyaz Olan Bir Uygulama</font> Burda ise daha önceki derslerde anlattığım basitçe yazı şekillendirme kodu yer almakta ve yazıya renk verdim.
Html Listeleme Etiketleri
Html sayfalarda arkadaşlar listeleme etiketleri ile otomatik numaralandırılan listeler oluşturmamız sağlar bu özellik microsoft word proğraındada vardır açarsnız listelemeyi siz satır atladıkça o nuara ekler başına onun bir versiyonuda bu html listelemeler.
- Sıralı Listeler
- Sırasız Listeler
- Tanımlama Listeleri
- Sıralı Listeler
Numaralandırma şekli nasıl numaralandırma yapmasını istiyorsak <ol type=”…..”> etiketi ile belirlenir ve değer atanır.
Listeleyeceğimiz hemen numaranın yanında yer alacak yazımız ise örnek isimler diyelim <li> etiketleri arasında kalmalıdır.
Sıralı listeler Uygulaması
Not defterimizi açıyoruz arkadaşlar aşağıdaki kodları yazıp farklı kaydetten dosya adına siralilisteler.html olarak kaydedelim siz isimleri farklı kullanabilirisniz.
<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri Ders6</title>
</head>
<body>
<ol type=”1″>
<li>Web Tasarım</li>
<li>Grafikerlik</li>
<li>Web Programlama</li>
</ol>
<br><br><br>
<ol type=”a”>
<li>Html Bilgisi</li>
<li>Grafik Bilgisi</li>
<li>Tasarım Bilgisi</li>
</ol>
</body>
</html>
Html Sıralı ListelerEvet Arkadaşlar yukarda iki örnek yaptık biri rakamlar başlayan liste diğeri ise harflerden oluşan bir liste ile yapmış olduk şimdi ise sırasız listeleri ele alacağız.
Sırasız Listeler
Sırasız listelerde sıra listeler gibi kullanım açıısndan hemen hemen aynı sayılır arkadaşlar. Farklı yönleri sıralı listede kullanılan rakam, harf ve roma rakamı kullanılmamasıdır.
Sıralı listeleri nasıl başlatıyorduk <ol type=”…..”> sırasız listelerde ise farklı olarak <ul type=”…..”> yani ol yerine ul parametresi kullanılacak liste sonunda ol ve ul parametrelerini kapatmayı unutmayın.
Sırasız listelerde Seçenekler
- Dicc: İçi Dolu Daire
- Circle İçi Boş Daire
- Square İçi Dolu Kare
<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri Ders6</title>
</head>
<body>
<ul type=”disc”>
<li>Web Tasarım</li>
<li>Grafikerlik</li>
<li>Web Programlama</li>
</ul>
<br><br><br>
<ul type=”circle”>
<li>Html Bilgisi</li>
<li>Grafik Bilgisi</li>
<li>Tasarım Bilgisi</li>
</ul>
<br><br><br>
<ul type=”square”>
<li>Webmaster</li>
<li>Grafiker</li>
<li>Programcı</li>
</ul>
</body>
</html>
Html Sırasız ListelerYukardaki örnekleri hemen özetleyelim arkadaşlar ne yaptık
İlk örnek Disc kullandım içi dolu daire şeklinde listeleme yaptım
İkince örnek Circle kullandım içi boş daire şeklinde listeleme yaptı
Üçüncü örnekte ise Square kullandım ve içi dolu kare şeklinde listeleme elde ettim değerli arkadaşlar.
Bugünkü dersimiz ve listele işlemleri bu kadar arkadaşlar bir sonraki dersimiz pazar günü olacak bir gün boş geçiyorum sizlerin sıkılmaması ve bol bol uygulama yapmanız için mutlaka devam edin arkadaşlar sonunda hem geleceğiniz hem hayatınızı değiştirecek imkanlar açacak bu dersler size