Örnek 1.8.a - Temel HTML Yapısı

DENEME

Çukurova üniversitesi
Adana meslek yüksek okulu


Örnek 1.9.2.a - Başlık (Title)

BAŞLIK

Örnek 1.10.a - BR Etiketi

br etiketi

çukurova üniversitesi adana meslek yüksek okulu
bilgisayar teknolojileri ve programlama bölümü
2.sınıf normal öğretim a grubu öğrencileri


Örnek 1.10.b - HR Etiketi

hr etiketi

çukurova üniversitesi adana meslek yüksek okulu




Örnek 1.11.4.a - Başlık Seviyeleri

Başlık Seviyeleri

1.Seviye Başlık


2.Seviye Başlık


3.Seviye Başlık


4.Seviye Başlık


5.Seviye Başlık

6.Seviye Başlık


Örnek 1.11.4.b - P, Center, Pre

P, CENTER, PRE Etiketleri

İlk Uluslar Arası Standart

Metne dayalı bir dökümanı işaretlemek için ilk uluslar arası standart (ISO 8879)
1986 yılında, Uluslararası Standartlar Komitesi'nin yayınladığı "Information Processing-Text
and Office Systems-Standart Generalized Markup Language (SGML) "makale ile faaliyettedir.

Adı.
Soyadı........
Ek
Adres

Örnek 1.11.4.c - Sıralı Listeler (OL)

sıralı listeler
  1. almanya
  2. fransa
  3. rusya
  1. küçük harf
  2. büyük harf
  3. roma rakamı
  4. büyük roma rakamı
  5. rakam
  1. çin
  2. ingiltere
  3. türkiye

Örnek 1.11.4.d - Sırasız Listeler (UL)

sırasız listeler

Örnek 1.11.4.e - Tanım Listeleri (DL)

tanım listeleri
HTML
Hipermetin İşaretleme Dilidir
http
Hipermetin Aktarım Protokolü

Örnek 1.11.5.a - SUB Etiketi

SUB etiketi X 3

Örnek 1.11.5.b - SUP Etiketi

SUP etiketi X 2

Örnek 4.1.a - Bağlama Link Örneği

Bağlamada link örnekleri

bağlama


Örnek 4.1.b - Sayfalara Gönderme Yapmak

Bağlama örneği iki

Gönderme Yapmak

Bu örnek muhtelif dökümanlara gönderme yapar.
Aynı dizin altındaki Link.htm adlı bir döküman "dizinl"alt dizinindeki
ornek.html adlı bir döküman ve giriş sayfasına dönen bir bağlantı.

ornek Örnek uygulama sayfası


Örnek 4.7.1.a - Çapa Elementi Kullanımı

link

çapa elementi


çapa elementinin kullanımı

grup kitapları


sorular? hotmail.com

Örnek 4.10 - Görüntüler ve Çapalar

örnek uygulama

çerçeveli buton
About Button

çerçevesiz buton
About Button


Örnek 5.8.a - Görüntü Temelleri

görüntü temelleri

Görüntü Temelleri


Örnek 5.8.2.a - Görüntü Hizalama

görüntü hizalama

resim üst tarafta

resim ortada

resim altta


Örnek 5.8.3.a - Hspace ve Vspace

Hspace ve Vspace Örneği

Hspace, bir görüntünün sağ ve sol tarafına tamponboşluk yerleştirmek için kullanılmaktadır. İlk defa Netscape tarafından kullanılan hspace ve vspace nitelikleri, satır için bir görüntünün Çevresine tampon boşluk yerleştirmek amacıyla kullanılmaktadırlar. red square Hspace bir görüntünün sağ ve sol tarafına tampon boşluk yerleştirmek için kullanılmaktadır. Vspace ise bir donatı veya görüntünün üst ve alt tarafına tampon boşluk yerleştirmek için kullanılmaktadır. Metne göre görüntünün bulunduğu yerin daha uygun bir şekilde nasıl düzenlenebileceği ve metnin olması gereken yerde kesilmesinin sağlanması gibi unsurlarda oldukça önemlidir.


Örnek 6.2.3.a - Nobr

satırda enter tuşuna basılsa dahi yazının bir alt satıra geçmesi önlenecektir..

Örnek 6.2.3.b - Wbr

wbr Bu örnekte wbr etiketinin kullanılmasıyla satırın bir alt satıra geçtiği görülecektir. Burada dikkat edilmesi gereken wbr etiketi olduğu unutulmamalıdır.

Örnek 6.3.a - Font Kullanımı

Renkler ve günler Pazartesi
Salı
Çarşamba
Perşembe
Cuma
Cumartesi
Pazar

Örnek 6.3.1.a - Basefont

basefont etiketi Bu örnekte de basefont elementi dokümanın nasıl
yazı rengini, yazı tipini, ve yazı boyutunu değiştirdiğini
görülecektir. Burada öğrenilmesi istenen bilgi belgenin
bütün özelliklerini bir kez basefont elementini tanımlayarak
belgenin tümünde değişiklik yapabilmektir.

Örnek 6.3.2.a - Microsoft Dinamik Font

Microsoft dinamik font FONT'UN FAMILY OZELLIGI CASTELLAR OLARAK BELIRLENDI

Örnek 6.3.3.a - Truedoc Fontlar

truedoc fontlar truedoc fontlarin kullanimi bu örnekte verilmistir

Örnek 6.3.6 - Multicol

Kullanım: Multicol bu kısma da metinin içeriği yazılırsa sayfa iki eşit sütuna bölünecektir. cilt payı genişliği 40 olarak ayarlanılacaktır. Genişliği de yüzde 70 olacaktır.

Örnek 6.3.7 - Netscape Dinamik Fontlar

Kullanımı: Netscape dinamik fontlar Metin (text)

Örnek 6.4.1.a - Mavi Zemin

ZEMİN zeminin rengi mavidir

Örnek 6.4.2.a - Artalanı Renklendirme

artalanı renklendirme

mevsim ve aylar

ARALIK
OCAK
ŞUBAT
MART
NİSAN
MAYIS
HAZİRAN
TEMMUZ
AĞUSTOS
EYLÜL
EKİM
KASIM

Örnek 6.5.a - Sayfa Marjları

sayfa marj ayarı bu sayfada marj ayarları yapılmıştır topmargin niteliğinin aldığı değer 35 piksel ve leftmargin niteliğinin aldığı değer de yine 35 piksel olarak ayarlanmıştır.
bu niteliklere kullanıcı faklı değerler
vererek kendi sayfasının
marj ayarlarını yapabilir
bu sayfanın heightmargin ve widhtmargin nitelikleri
25 piksel olarak ayarlanmıştır.

Örnek 7.3.a - Tablo Uygulaması

ALDIĞI DERSLER
Adı Kredisi
Internet (3+1) 3,5
İşletim sistemi (3+1) 3,5
Matematik (3+1) 3,5

Örnek 7.4.a - Rowspan ve Colspan

tablo uygulaması
rowspan örnek
ders1 ders2
ders3


colspan örnek
ders1
ders2 ders3 ders4

Örnek 7.5.1.a - Hücre Hizalama

Left Center Right
Top Middle Bottom

Örnek 7.5.4.a - Hücre Arası Boşluk

Hücre 1 hücre 2 hücre 3

Hücre 1 hücre 2 hücre 3

Örnek 7.10.a - Gelişmiş Veri Tablosu

html
Fun with Food
Fruit color cost per pound
This has been another fine table example.
Grapes Fuchsia $1.50
Cherries Lime $13.55
Kiwi Red $13.55

Örnek 8.6.2.a - Frameset ve Frame

başlık

Örnek1.html İçeriği


Örnek2.html İçeriği


Örnek3.html İçeriği


Örnek 8.6.3.a - Çerçeve Boyutu


Örnek 8.6.4.a - Bordercolor


Örnek 8.6.6.a - Kaydırma Çubukları


Örnek 8.6.7.a - Border Kalınlığı


Örnek 8.6.8.a - Çerçeve Marjları


Örnek 8.8.a - Dikey Dört Çerçeve

src="cer03.htm"marginheight="5" marginwidth ="5" noresize src="cer04.htm" marginheight="5"marginwidth ="5" noresize <body< </body>

Örnek 8.8.b - Yatay Dört Çerçeve

Adana MYO

Yerel Stil Şablonu

CSS

Web Tasarımı


Web Tasarımı


Global Stil Şablonu

Css

Web Tasarımı

Web Tasarımı

Web Tasarımı


Bağlantılı Stil Şablonu

Css

Web Tasarımı

Web Tasarımı

Web Tasarımı


Head Bölümüne Yerleştirme


CSS Dosyası Kullanımı 1


CSS Dosyası Kullanımı 2


Font Özellikleri

Css

Web Tasarımı

Web Tasarımı


Text Özellikleri

Css

Web Tasarımı


Background Özellikleri

Css

Web Tasarımı


List Özellikleri

Css

Position Özelliği

Css

genel

Mavi sınıf seçicisi ile


Kırmızı sınıf seçicisi ile


Genel Class Selector

Css

Mavi sınıf seçicisi ile


Kırmızı sınıf seçicisi ile

ornek


Id Selector

Css

Bu yazının arkafon rengi mavi font rengi beyaz



Bu yazının arkafon rengi yeşil font rengi beyaz


A Etiketi Stili

Css Linkin normal durumu
Linki tıklayın ve değiştiğini görün
Linkin aktif durumu
Linkin üzerine geldiğinde stil değişecek

css.html Örneği

Css

Bilgisayar;  

Aldığı komutlar uyarınca, veri işleyerek problem çözen otomatik elektronik aygıtların ortak adı. Bu tür aygıtlar, çalışma ilkeleri, donanım tasarımları ve uygulama alanları bakımından örneksel, sayısal ve karma bilgisayarlar olarak üçe ayrılır.

Örneksel (analog) bilgisayarlar  

Açısal konum ya da gerilim gibi değişken nicelikleri temsil eden veriler üzerinde işlem yapar ve çözülmesi istenen matematiksel problemin fiziksel bir örneğini oluştururlar. Sıradan diferensiyel denklemleri çözebilen örneksel bilgisayarlar, sistem mühendisliğinde, özellikle bazı süre ve donatımların gerçek zamanlı benzetim modellerinin oluşturulmasına çok elverişlidirler. Bu bilgisayarların bir başka yaygın kullanım alanı da elektrik dağıtım sistemi gibi şebekelerin analizidir.
Başa Dön

Sayısal bilgisayarlar,  

Çeşitli üretim süreçlerine, takım tezgahlarına, karmaşık laboratuvar ve hastane aygıtlarına kumanda etmekte kullanılırlar. Aynı özellikten, uçakların ve uzay araçlarının karmaşık iletişim sistemlerinin otomatizasyonunda da yararlanılır. Sayısal bilgisayarlar ayrıca, eğitimde yardımcı olarak (örn. temel dil ve matematik becerilerinin kazandırılmasında), bilimsel araştırmalarda ise verilerin analizi ve matematiksel modellerin geliştirilmesi amacıyla kullanılır.
Başa Dön

Karma bilgisayarlar,   

Örneksel ve sayısal bilgisayarların özelliklerine ve yararlarını birleştirirler; örneksel bilgisayarlara oranla daha fazla kesinlik, sayısal bilgisayarlara oranla daha fazla deneteleme sağlarlar.
Başa Dön


Örnek 10.10.a - Vertical Align

Css

Web Teknikleri


Örnek 10.12.a - Renk ve Arka Plan

Css

İnternet Programcılığı


Örnek 10.13.a - Border Color

Css border-bottom-color: yellow; border-left-color: blue;}

İnternet Programcılığı


Örnek 10.13.b - Width Height

Css

Internet Programcılığı