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

Slides:



Advertisements
Benzer bir sunumlar
HTML.
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
HTML
HTML’e Devam Uygulama.
PHP ile Lab Örnekleri Lab Çalışması.
WEB SAYFASI NASIL HAZIRLANIR?
Bilgisayar Programlama
HTML Ders Notları.
WEB EDİTÖRÜ STİL SAYFALARI GELİŞTİRMEK
RESİM FOTOĞRAF İŞLEME YAZILIMLARI.
Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir?
BTEP 203 – İnternet ProgramcIlIğI - I
BAĞLANTI OLUŞTURMAK Bağlantı rengini ve biçimlendirme özelliklerini ayarlamak Hipermetin bağlantıları oluşturmak Resim tabanlı bağlantılar oluşturmak Bağlantıların.
STİL SAYFALARI GELİŞTİRMEK
HTML WEB TASARIMI-1 DERSİ
HTML’ye GİRİŞ Dr. Devkan Kaleci
BTEP 203 – İnternet ProgramcIlIğI - I
Stil Sayfaları HTML dosyaları oluştururken her satır ve paragraf için gerekli biçimleri ilgili yerlerde her seferinde belirtmemiz gerekir. Bazı durumlarda.
Dizi (array) değişkenleri
EĞİTİM-ÖĞRETİM YILI K12 Sistemi ile çocuğun Akademik olarak gelişiminin takibi. İnternet Explorer Web tarayıcı adres çubuğuna aşağıdaki.
İNTERNET PROGRAMCILIĞI I
Tablosuz Tasarım Div ler.
İNTERNET PROGRAMLAMA - 1
CSS CSS- Cascading Style Sheets: Stil şablonları HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
CSS Birimleri.
CSS’de Class ve ID. ID Bir HTML dosyasının içeriğinde, sadece bir öğeye verilebilecek bir değerdir. id tektir. id'ler sayfada sadece tek bir html etiketine.
BAĞLANTI (KÖPRÜ) OLUŞTURMA
ŞÖXER ŞÖXER Ali İhsan TARI İnş. Yük. Müh. F5 tuşu slaytları çalıştırmaktadır.
SOSYAL BİLGİLER ÖĞRETMENLİĞİ BİLGİSAYAR 2 NOT 2
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
CSS – Stil Şablonları (Cascading style Sheet)
HTML KODLARI HTML Dokümanındaki ilk etiket <html>’dir.
İNTERNET PROGRAMCILIĞI I
1 İNTERNET PROGRAMLAMA - 1 Bağlantılar Öğr.Gör. Serkan KORKMAZ Harran Üniversitesi Birecik Meslek Yüksekokulu.
İNTERNET PROGRAMLAMA - 1
İNTERNET PROGRAMLAMA - 1
STiL ŞABLONU (CSS) TEMELLERİ
Listeleme Etiketleri.
Liste Özellikleri Html etiketlerinden bildiğimiz sıralı (ordered) ve sırasız (unordered) listelere stil vermek için liste özelliklerini kullanacağız. Sıralı.
ŞÖXER ŞÖXER Ali İhsan TARI İnş. Yük. Müh. F5 tuşu slaytları çalıştırmaktadır.
İNTERNET PROGRAMLAMA - 1
WEB TASARIMININ TEMELLERİ
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
WEB SİTESİ YAPIYORUM HTML
Yrd. Doç. Dr. Doğan AYDOĞAN
Bilgisayar Entegre Ofis Programları-I Öğr.Gör. Türkan ÖZBAY.
HTML Dili’nin Genel Özellikleri Abdullah KUZU Anadolu Üniversitesi Eğitim Fakültesi BÖTE Mart,
Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+’da.
İnternet Programlama-I
HTML Bu sunu PowerPoint'in yeni yeteneklerini gösterir ve en iyi Slayt Gösterisi'nde görüntülenebilir. Bu slaytlar, PowerPoint 2010'da oluşturacağınız.
METİNLERİ Matrislerle ŞİFRELEME
HTML HTML Nedir? HTML Ne İşe Yarar?. HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, tarayıcılarla görebileceğimiz, internet.
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
HTML Bağlantılar (Link). Link Nedir? HTML'in önemli özelliklerinden biri, bir metin parçası ya da bir resim üzerinden başka bir belgeyle ya da web adresiyle.
HTML Liste Oluşturma. Liste Etiketleri HTML sayfalarında liste oluşturmak için ve etiketlerini kullanırız. Numaralı listeler oluşturmak için: Madde imli.
BİLİŞİM TEKNOLOJİLERİ
HTML HTML Stilleri.
İNTERNET PROGRAMCILIĞI 1
Days What day is today? Monday Tuesday Wednesday Thursday Friday
XHTML ile HTML Arasındaki Farklar
Tarayıcı Sorunları ve Çözümleri
BTEP 203 – İnternet ProgramcIlIğI - I
WEB TASARIMI STİL ŞABLONLARI (CSS KULLANIMI) SAVAŞ TUNÇER.
WEB TASARIMI – HTML BİLGİSİ SAVAŞ TUNÇER
WEB TASARIMI HTML LİSTELER VE FRAMELER SAVAŞ TUNÇER.
WEB İhbarı adresindeki Online İşlemler menüsüne tıklayarak hasar ihbarı sistemine giriş yapılır.
Tasarım: Ali Topal.
İST1111 BİLGİSAYAR UYGULAMALARI HTML
Sunum transkripti:

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

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

"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

Ö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

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

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

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

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

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 # siyah #C0C0C0 gri #FFFF00 sarı #FF0000 kırmızı renklerini verir. TUZLA TEKN İ K OKULLARI

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

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