ÖDEVLER 1-Listeleme etiketleri 2-Color 3-Sayfa içinde bağlantı oluşturma Hilal BAYIR 2344 TUZLA TEKN İ K OKULLARI.

... konulu sunumlar: "ÖDEVLER 1-Listeleme etiketleri 2-Color 3-Sayfa içinde bağlantı oluşturma Hilal BAYIR 2344 TUZLA TEKN İ K OKULLARI."— Sunum transkripti:

1 ÖDEVLER 1-Listeleme etiketleri 2-Color 3-Sayfa içinde bağlantı oluşturma Hilal BAYIR 2344 TUZLA TEKN İ K OKULLARI

2 LİSTELEME ETİKETLERİ "Ol" Etiketi ile biz html’de sayıları,harfleri ve roma rakamlarını listelemek için kullanıyoruz.liste içine yazılacak metinler. … "Ul" Etiketi ile html’de sayılar,harfler ve roma rakamlar yerine bu "ul" etiketinde şekiller kullanılır.İçi dolu kare,yuvarlak vb. gibi şekilleri listelemek için "ul" etiketi kullanılır.liste içine yazılacak metinler. … " Li" Etiketi İngilizce "liste elemanı" anlamına gelen 'list item' kelimesinin kısaltılmışıdır. Yukarıda anlatmış olduğumuz "ol" ve "ul" etiketleri tek başına kullanılmaz sırayı belirtmek için de "li" imi ile birlikte kullanılır. Yani sıralanacak olan ifadenin başına "li" getirmeliyiz. TUZLA TEKN İ K OKULLARI

3 "Ol" Etiketine Örnek ; Sayfa Başlığı Web Tasarım Dersleri HTML ASP PHP Sanal Kurs Dersleri Photoshop Güvenlik InDesing "Ul" Etiketine Örnek ; Sayfa Başlığı Web Tasarım Dersleri HTML ASP PHP Sanal Kurs Dersleri Photoshop Güvenlik InDesing TUZLA TEKN İ K OKULLARI

4 ÖRNEKLER a.Yazılarımızı 1, 2, 3 şeklinde sayılarla listeleyelim. Bunun için type="1" yazarak sayılı bir şekilde sıralamasını söyleyelim. Anasayfa Hakkımızda Dersler TUZLA TEKN İ K OKULLARI

5 b. Şimdi de yazılarımızı a, b, c şeklinde sıralayalım. Bunun içinse type="a" yapıyoruz. Anasayfa Hakkımızda Dersler TUZLA TEKN İ K OKULLARI

6 c. Şimdi de 1, 2, 3, a, b, c yerine yuvarlak işaretini yapalım. Bunun için type="disc" etiketini kullanacağız. Anasayfa Hakkımızda Dersler TUZLA TEKN İ K OKULLARI

7 d. Bu kez de bu yuvarlakların içini boş yapalım. Bunu yapmak için type="circle" etiketini kullanacağız. Anasayfa Hakkımızda Dersler TUZLA TEKN İ K OKULLARI

8 e. Son olarak kare şeklinde yapalım. Kare yapmak için target="square" etiketini kullanacağız. Anasayfa Hakkımızda Dersler TUZLA TEKN İ K OKULLARI

9 COLOR 1-Yazının rengini belirler. 2-HTML'de renkler hexdecimal sayı sisteminde ifade edilir. 3-Bir renk 16'lık sayı düzeninde 6 rakamdan oluşur. 4-Renkler hexdecimal cinsinden de ifade edilebilir. Örneğin ; #FFFFFF beyaz #000000 siyah #C0C0C0 gri #FFFF00 sarı #FF0000 kırmızı renklerini verir. TUZLA TEKN İ K OKULLARI

10 Burada font etiketi iki özellik belirtilerek yazılmış birisi size diğeri color. Buradaki color özelliği yellow dan başka şu değerleri de alabilir: Black white =Beyaz red green blue gray maroon olive navy purple lime aqua teal fuchsia silver TUZLA TEKN İ K OKULLARI

11 SAYFA İÇİ BAĞLANTI OLUŞTURMA Bir metin üzerinde belirli bölgelere ulaşmak için yine etiketler kullanılabilir....,... komutlarını kullanarak sayfa içi bağlantıları hazırlayabiliriz. Örneğin;Sayfanın üst kısmında sayfa indeksini gösteren bir menü olsun. Kullanıcı bu menüde istediği başlığa tıkladığında ilgili konuya gitsin. Böyle bir sayfa hazırlamak için yapacağımız şeyler: "Tıklandığında" açılacak konuyu işaretlemek için; (... ). Tarayıcıya, hazırlayacağımı z menüye "tıklandığında" bu işaretli konuya gitmesini bildirmek (... ). TUZLA TEKN İ K OKULLARI