|
24-01-2006, 00:03
|
#1 |
HTML Dersleri - Fontlar ve Fontlar
HTML Dersleri - Fontlar Font etiketinin kullanımı; <font face="..." size="..." color="...">...</font> face= yazıtipinin adı (arial, tahoma, verdana, ...) size= yazının büyüklüğü (1-7 arası) color= yazının rengi (red, green gibi renklerin ingilizce karşılığı yada RGB renk değeri) Bunlara font etiketinin parametreleri diyoruz. <font> etiketinin yanısıra öğreneceğimiz bir diğer etiket <br> etiketi. Önce bu etiketin kullanımını göreceğiz. <br> etiketi bir bakıma enter tuşunun görevini görüyor. Bunu biraz açıklayalım; HTML'de metinleri yazarken kullandığımız editörde bir alt satıra geçmek için Enter tuşunu kullanırız. Fakat HTML dilinde bunun hiçbir anlamı yoktur, tüm kodları ve metinleri tek satırda dahi yazsanız browser açısından farketmeyecektir. Bu yüzden metinleri bölmek, yani ikinci satıra atmak için <br> etiketini kullanıyoruz. İstisnai etiketlerden birisi bu, <br> etiketi sonlandırılmıyor. Buna bir örnek verelim; Kod:
<html><head> <title>BR etiketi</title></head><body> pazartesi salı çarşamba <br>ocak<br> şubat<br> mart<br> nisan</body></html> Linkleri görebilmek için---> üye olmanız gerekiyor Buraya tıklayarak üye olabilirsiz <--- Yukarıdaki örneğimizde "pazartesi, salı ve çarşamba"yı yazarken Enter tuşu ile bir alt satıra geçmemize rağmen browser bunu gözönüne alma***** tüm metni bir satırda yazdı. Fakat ikinci sefer ay adlarını tek bir satıra yazdığımız halde bu kez browser aradaki <br> etiketine bakarak bir sonraki metni satır başına aldı. Buradan da anlaşıldığı üzere Enter tuşu etkisini <br> etiketiyle veriyoruz. Bu etiketin bir özelliği de sonlandırılmaması Şimdi font etiketinin kullanımını bir örnekle inceleyelim. Eğer kullanmak istediğiniz font bilgisayarınızda yüklü değilse font etiketi ile biçimlemek istediğiniz metin browser'ın varsayılan fontu ile gösterilecektir. Bu yüzden önce sisteminizde yüklü olan fontları inceleyin (Başlat/Ayarlar/Denetim Masası/Yazıtipleri). Buradan yazıtiplerini açarak inceleyebilir ve beğendiklerinizi kullanabilirsiniz. Eğer benim örnekte kullandığım yazıtipleri (tahoma, comic sans ms, verdana, arial) sisteminizde yüklü değilse bunun yerine sizde olan istediğiniz fontu kullanabilirsiniz Kod:
<html><head><title>Renkler ve Mevsimler</title></head><body><font face="tahoma" size="5" color="#008000">İlkbahar</font><br><font face="verdana" size="5" color="#ff0000">Yaz</font><br><font face="arial" size="5" color="#ffff00">Sonbahar</font><br><font face="comic sans ms" size="5" color="#0000ff">Kış</font><br></body></html> Linkleri görebilmek için---> üye olmanız gerekiyor Buraya tıklayarak üye olabilirsiz <--- Her zamankinden farklı olarak ve ilk defa sayfamızda renk kullandık. Örnekte de gördüğünüz gibi bu işi renk kodlarıyla yaptık. Aslında bunun bir yolu daha var o da renk kodu yerine rengin ingilizce adını yazmak (color="red" gibi). Bu konuyu Linkleri görebilmek için---> üye olmanız gerekiyor Buraya tıklayarak üye olabilirsiz <--- bölümünde ayrıntılı olarak inceleyeceğiz. Burada yalnız bir kaç örnekle yetinelim: Kırmızı - Red Mavi - Blue Siyah - Black Sarı - Yellow Lacivert - Navy Yeşil - Green Bu renkleri yukarıdaki örnek üzerinde deneyin, renk kodunu silin ve rengin ingilizce karşılığını yazın |
|
|
     
|
|
24-01-2006, 00:08
|
#2 |
|
HTML Dersleri - Listeler HTML bize üç tip liste hazırlama imkanı veriyor. Bunlar; 1- Sıralı listeler (ordered list) 2- Sırasız listeler (unordered list) 3- Tanımlama listeleri (definition list) Sıralı listeler rakam veya harf yada her ikisini içiçe kullanarak liste oluşturmamızı, sırasız listeler rakam/harf yerine madde imleri ko***** liste oluşturmamızı sağlar. Tanımlama listeleri ise bir listeden çok kalabalık metinlerde okumayı kolaylaştırmaya yardımcı olabilecek bir araçtır. Sıralı Listeler Liste içine alınacak metinler <ol>...</ol> etiketleri arasına alınarak yazılır. Bu etiketler listenin başladığını ve bittiğini belirtir. Listenin maddelerinin başına ise <li> (list item) etiketini getiriyoruz. Bu etikette tıpkı <br> etiketi gibi sonlandırılmıyor. <ol> etiketine parametreler ekleyebiliyoruz. Bunlarla listemizin rakamla mı harfle mi başlayacağını (type) yada hangi rakam/harfle başlayacağını (start) belirtebiliyoruz. Compact parametresi ise listenin mümkün olan minimum satır aralığına sahip olmasını sağlıyor. Bundan sonraki örneklerimizde sayfa kodunun yalnız body (gövde) bölümünü vereceğiz. Kodun geri kalan kısımlarını kendi sayfanızda tam olarak yazmayı unutmayın Kod:
*Organik *İnorganik *Analitik 2.Fizik *Dinamik *Statik 3.Matematik 1.Sayılar 2.Diğer *Türev İntegral Listeleri buradaki örnekte olduğu gibi iç içe hazırlamak ta mümkün. Dikkat edeceğimiz nokta, işe <ol> etiketi ile başlayıp liste maddelerinin her birisinin başına <li> etiketini getirmek ve listelemeyi bitirmek istediğimiz yerde </ol> etiketini yazmak. Liste içinde yeni bir liste oluşturmak istediğimizde listelenecek maddeden sonra tekrar <ol> etiketini yazıyoruz ve bahsedilen kuralları aynen uyguluyoruz. Type parametresinde kullanabileceğimiz değerler şunlar olabilir; sayılar,harfler (küçük/büyük) ve romen rakamları (i,ii,iii gibi) Tanımlama Listeleri Bu listelemede kullanılan etiketler şöyle; <dl>...</dl> , <dd> , <dt> Listenin maddelerini belirtmek için kullandığımız <li> etiketinin yerini burada <dd> ve <dt> etiketleri alıyor. Aynı şekilde <ol>...</ol> veya <ul>...</ul> etiketleri arasına aldığımız listeyi bu sefer <dl>...</dl> arasına yazıyoruz. Yine parametre olarak <dl> etiketi içinde compact ifadesini kullanabiliriz. Hemen örneğimize geçelim Kod:
|
|
|
|
|
 |
| Tags: dersleri, fontlar, html |
| Bookmarks |
| Şu an bu konuyu görüntüleyen kullanıcı sayısı: 1 (0 üye ve 1 misafir) | |
| Konu Araçları | |
| Görünüm Modları | |
|
|
Benzer Konular
|
||||
| Konu | Konuyu Başlatan | Forum | Yanıtlar | Son Mesaj |
| grafik, grafik tasarım kursu ( Kurs, ders, eğitimleri, kursları, dersleri) | aylin_kaya | Windows İşletim Sistemi | 1 | 26-06-2008 22:15 |
| Yönetim Dersleri... | morikante | Komik Hikayeler , Yazılar & Fıkralar | 2 | 01-06-2007 10:47 |
| html dersleri | oni | WebMasterlar İçin | 3 | 30-03-2007 22:19 |
| Avrupa'da Dİn EĞİtİmİ | ALbaTRoS | Muhtelif | 0 | 05-02-2007 09:31 |
| Medreseler | ALbaTRoS | Tarih | 0 | 02-11-2006 07:00 |
Düzenli Mod
