HTML Dili ’ nin Genel Özellikleri

HTML Nedir? İşaretleme dili (HyperText Markup Language) Belirteçler (tags) W3 konsorsiyumu (Tim Berners-Lee) W3 konsorsiyumu HTML 2.0, 3.0, 3.2, 4.0, 5.0

Gerekli Araçlar Metin editörleri ASCII (American Standart Code for Information Interchange) editörü ASCII Not defteri HTML Editörleri/Yardımcıları FrontPage, Dreamweaver vb. HTML Çeviriciler MS Word, MS Excel, MS PowerPoint vb.

HTML Dosyasının Özellikleri Dosya uzantısı =.htm /.html Komut yazımı Zemin rengi sarı Taşıyıcı içeriği

HTML Dosyasının Özellikleri (devam) Belirteçlerin yazımında büyük-küçük ayrımı yoktur. Boşluklar (space), Alt satıra inme (Enter), Sekme ’ nin önemi yoktur.

Zorunlu Belirteçler......

ÖRNEK HTML Öğreniyorum -- HTML Öğreniyorum Diğer kodlar ve metinler...

ÖRNEK …… Paragraf başı yapılacak Paragraf başı yapıldı. Lütfen satırlar arasındaki boşluklara dikkat ediniz!

ÖRNEK Görsel Araçlar: Video Projektörler DataShow Tepegöz

ÖRNEK START özelliği ile istenilen sayıdan başlatılır İstediğiniz dosyayı yüklemek için tıklayınız. Bu diyalog kutusunda dosyanızı kaydetmek için bir isim veriniz. Dosyayı yüklemek için OK butonuna basınız.

ÖRNEK Görsel Araçlar: Video Projektörler DataShow Tepegöz

ÖRNEK İletişim: Sözcüklerin, resimlerin, figürlerin, grafiklerin vb. sembollerin kullanılarak bilgi, düşünce, duygu ve becerilerin aktarılması süreci

Bağların Oluşturulması Nerelere bağ oluşturulabilir? Yerel diskteki başka sayfalara İnternet üzerindeki diğer sayfalara Aynı sayfa üzerindeki başka bölümlere

Bağların Oluşturulması (devam) Bağ belirteci …… NAME HREF TITLE TARGET Özellikler TARGET: _blank _self _parent _top

ÖRNEK Bilgisayar Ağları Klavye ve Tuş Grupları Bilgisayar Donanımı Paint ile Resim Yapmak Anasayfaya Dön

ÖRNEK ODTÜ Boğaziçi Üniversitesi Hacettepe Üniversitesi

ÖRNEK

Metin sayfanın iki kenarına göre ortalanır. belirteci ile birlikte kullanılabilir Dertler benim, Çile benim, Mutluluk senin, senin olsun!

ÖRNEK SIZE, COLOR ve FACE özellikleri vardır. Yazı tipinin büyüklüğü 4 Önce BASEFONT SIZE 'da verilen değere + 2 eklenir

ÖRNEK Metinin rengi kırmızı. veya Metinin rengi yine kırmızı.

ÖRNEK Bu metin Courier New veya Comic Sans MS yazı tiplerinden hangisi kulanıcının tarayıcısında yüklü ise onunla görüntülenecek. Hiç biri yüklü değilse normal yazı tipinde varsayılan hangisi ise onunla görüntülenecek.

TABLO … belirteçleri içerisinde gösterilir. Tablolar satırlar halinde işlenir. Önce satır oluşturulur. Hücreler oluşturulur Hücrelere bilgiler girilir. Tablo sonlandırılır.

ÖRNEK

örnek normal normal

ÖRNEK Bu hücre 2 satır. Bu hücreler diğer verileri içeriyor

ÖRNEK 1. veri hücresi Bu hücre 2 sütun. 2. veri hücresi 3. veri hücresi 4. veri hücresi

ÖRNEK normal normal

ÖRNEK Netscape Internet Explorer Mosaic X X - X - X

FORMLAR... Bu belirteç sayesinde kullanıcılar; Bir HTML sayfasına metin yazabilir. Seçim listesi oluşturabilir. Veri girme gibi işleri yapabilir.

FORM BELİRTEÇLERİ Form oluşturmak için aşağıdaki belirteçler kullanılır:... Doküman ı n içinde bir form... Bir girdi alan ı Select belirteci içinde bir seçenek... Verili seçeneklerden yap ı lm ış bir seçim... Çok sat ı rl ı girdi eleman ı

FORMUN YAPISI … belirteçleri içerisinde gösterilir. Bir belirteci kapatılmadan yeni bir belirteci açılamaz. İki özellik içermektedir: METHOD ve ACTION. METHOD özelliğinin değeri GET veya POST olabilir.

ÖRNEK Siz kimsiniz? Lütfen isminizi giriniz:

ÖRNEK Lütfen isminizi giriniz: Yaşınızı giriniz: Adresinizi giriniz:

ÖRNEK TYPE=password (şifre kutuları): Girilen karakterler gizlenir ( “ * ” karakteri görülür). Şifrenizi giriniz:

ÖRNEK Meyve Sebze İçecek

ÖRNEK Her grup için farklı bir isim kullanarak, birden fazla radyo tuşu grubu oluşturulabilir. Meyve Elma Portakal Karpuz Sebze İçecek

ÖRNEK Kırmızı Yeşil Mavi

ÖRNEK CHECKED özelliği kullanılarak kontrol kutusunun seçili olarak ekrana gelmesi sağlanabilir. Meslek (uygun olan tüm seçenekleri seçin): Doktor Avukat Öğretmen Mühendis

ÖRNEK Metin alanları için VALUE özelliği kullanılarak Radyo tuşları ve kontrol kutuları için, CHECKED özelliği kullanılarak varsayılan değerler değiştirilebilir. Avukat

ÖRNEK Bu seçim menüleri veya listeleri belirteci ile, Menü veya listelerde yer alacak olan maddeler seçeneği ile tanımlanır. Bir renk seçiniz: Siyah Sarı Kahverengi Kırmızı Mavi

ÖRNEK MULTIPLE özelliğini kullanarak bir listeden birden fazla maddenin seçilebilmesi sağlanabilir. Alışveriş Listesi: Peynir Süt Un Yumurta Yoğurt Zeytin Ekmek

ÖRNEK Kullanıcının birden çok satırda metin girmesine olanak tanır. TextArea belirteci içinde metin

ÖRNEK

Kırmızı Mavi Meyve Sebze Bir renk seçiniz: Siyah Sarı Kahverengi Mesajınızı buraya yazınız.