HTML Başlık
<h1> BAŞLIKLAR
Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane başlık
çeşidi vardır.
<html>
<title> Başlıklar </tille>
<body>
<h1> Başlık 1 </h1>
<h2> Başlık 2 </h2>
<h3> Başlık 3 </h3>
<h4> Başlık 4 </h4>
<h5> Başlık 5 </h5>
<h6> Başlık 6 </h6>
</body>
</html>
Her şeyden önce bazen yanlış anlaşıldığı gibi HTML bir programlama
dili değildir. HTML bir mark-up (metin işaretleme) dilidir, yani tag
denen özel işaretlerle bir yazının tümünü ya da sadece bir kısmının
görünümünü ve/veya işlevini değiştirmeye yarar.
Ayrıca, gelişen browser teknolojileri sayesinde, HTML içine yazılar
dışında resim, ses, video, Java, JavaScript, VBScript gibi dillerle
yazılmış programlar, ya da diğer nesneler de gömülebilir. Bu sayede
bir HTML dokümanı düzenlenmiş, mizanpajı yapılmış bir metin dosyası
olmaktan çıkıp tam anlamıyla bir multimedia ortamı olmaya da hizmet
edebilir. Örneğin, browser'a özel olarak yazılan gerekli plug-in'ler
(~eklentiler) sistemde varsa, HTML'le online bir gazete, bir slide-show,
şirket-içi yazılımların çalışabildiği bir platform yaratabilirsiniz.
<html>
<head>
<!-- Head elemanları -->
Burada genelde doküman içeriği dışında kalan karakter set
tanımlamaları, başlık, JavaScript tanımlamaları vb elemanlar
bulunur...
<title> Başlık </title>
</head>
<body>
<!-- Body elemanları -->
Burada ise dokümanın asıl içeriği vardır, içinde metin, ses, video
vb içerebilir...
</body>
</html>
KLASÖR VE DOSYA İSİMLERİNDE
<!--[if !supportLists]--> 1) <!--[endif]--> Türkçe karakter yok
(ç,ğ,ö,ü,İ,ı,ş yerine c,g,o,u,i,s kullanılacak)
<!--[if !supportLists]--> 2) <!--[endif]--> Büyük harf yok
<!--[if !supportLists]--> 3) <!--[endif]--> 8 harfi geçmese daha iyi
olur.
<!--[if !supportLists]--> 4) <!--[endif]--> İlk giriş sayfasının adı
index.html olmalı
HTML sayfaları hazırlarken NOTEPAD kullanacağız.
TAG (Etiket) : HTML dosyalarında normal metin ile Web tarayıcısına
yollanacak olan özel komutları birbirinden ayırmak için kullanılan
işaretler ve komut dizileridir. Normal metinden bu takıları ayırmak
için “büyüktür” ve “küçüktür” işaretleri kullanılır.
Örn: <html>
</html>
STANDART TAKILAR
<html> è Tüm Html sayfaları <html> ile başlar </html> ile biter.
<title> è Sayfanın başlık kısmında çıkması istenen yazılar buraya
yazılır.
<body> è Sayfa içinde çıkması istenen yazılar bu komut içine
yazılır.
<html>
<title> Hasan Web Tasarımı Öğreniyor </title>
<body>
Hasan DURMAZ
<body>
</html>
<h1> BAŞLIKLAR
Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane
başlık çeşidi vardır.
<html>
<title> Başlıklar </tille>
<body>
<h1> Başlık 1 </h1>
<h2> Başlık 2 </h2>
<h3> Başlık 3 </h3>
<h4> Başlık 4 </h4>
<h5> Başlık 5 </h5>
<h6> Başlık 6 </h6>
</body>
</html>
BR ETİKETİ ( Alt satıra geçmeyi sağlar)
<html>
<title> BR Etiketi </title>
<body>
Pazartesi
Salı
Çarşamba
<br> Ocak <br> Şubat <br> Mart
</body>
</html>
HR ETİKETİ ( Çizgi çizer)
<html>
<title> HR Etiketi </title>
<body>
<hr>
<hr color=red> ( color è Renk verir)
<hr color=blue size=5> (size è Kalınlık verir)
<hr color=green width=500>
</body>
</html>
HR Etiketi’nin Parametreleri
<hr width=100> è Çizginin genişliğini ayarlamak için kullanılır.
<hr size=20> è Çizginin kalınlığını ayarlamak için kullanılır.
<hr color=ff0000> è Çizginin rengini ayarlamak için kullanılır.
<hr align=right> , left, center è Çizginin sayfadaki yatay konumunun
sola, sağa veya ortaya hizalanmasını sağlar.
<marquee> KAYAN YAZI
<html>
<title> Kayan Yazı </title>
<body>
<marquee> <font color=red size=7> Kayıyorum He He He </font></marquee>
<marquee direction=right> Sağa Doğru Kaydırır </marquee>
<marquee direction=up> Yukarı Kaydırıır </marquee>
<marquee direction=down> Aşağı Kaydırır </marquee>
</body>
</html>
<marquee> Parametreleri
<marguee direction=right>,up,down è Sağdan, yukarıdan ve aşağıdan
başlayarak kayması sağlanır
<marquee behavior=alternate> è Yazılar kaydırılırken ekrandan
kaybolmadan bir uçtan diğerine gider
<marquee bgcolor=ff00ff> è Kayan yazıların arka plan rengini
belirler.
<marquee height=10 width=250> è Yazının kayacağı alanın yüksekliği
ve genişliği ayarlanabilir.
<marquee loop=3> è Yazının kaç kez kayacağı belirlenir. Daha sonra
da yazı durur.
<marquee scrolldelay=1> è Kaydırma hızını ayarlar. Hızlı kayması
için küçük; yavaş için de büyük değer
RENK MODELLERİ
RGB (Red, Green, Blue) (Kırmızı, Yeşil, Mavi) è Doğada bütün renkler
aslında bizim adına Kırmızı, Yeşil ve Mavi dediğimiz üç ana rengin
karışımından meydana gelmişlerdir. Herhangi bir rengin oluşabilmesi
için 0 ile 255 arasında bir oran kullanılmalıdır. Ancak bu sayıların
mantıklı bir şekilde Web tarayıcısına yollanması gerekir. Bu renk
kodlarını HTML dilinde kullanmak ve Web tarayıcısına yollamak için
16’lık (Hexadecimal) sayı sistemi kullanılmaktadır. İnternet’te
yayınlanacak sayfalar için kullanılır.
Max : 72 dpi
Standart : 50 dpi
256*256*256 = 16.400.000 Renk
CMYK (Cyan, Magenta, Yellow, Black) è Baskıya gidecek işler için
kullanılır.
Min :300 dpi
100*100*1000*100 = 100.000.000 Renk
Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane başlık
çeşidi vardır.
<html>
<title> Başlıklar </tille>
<body>
<h1> Başlık 1 </h1>
<h2> Başlık 2 </h2>
<h3> Başlık 3 </h3>
<h4> Başlık 4 </h4>
<h5> Başlık 5 </h5>
<h6> Başlık 6 </h6>
</body>
</html>
Her şeyden önce bazen yanlış anlaşıldığı gibi HTML bir programlama
dili değildir. HTML bir mark-up (metin işaretleme) dilidir, yani tag
denen özel işaretlerle bir yazının tümünü ya da sadece bir kısmının
görünümünü ve/veya işlevini değiştirmeye yarar.
Ayrıca, gelişen browser teknolojileri sayesinde, HTML içine yazılar
dışında resim, ses, video, Java, JavaScript, VBScript gibi dillerle
yazılmış programlar, ya da diğer nesneler de gömülebilir. Bu sayede
bir HTML dokümanı düzenlenmiş, mizanpajı yapılmış bir metin dosyası
olmaktan çıkıp tam anlamıyla bir multimedia ortamı olmaya da hizmet
edebilir. Örneğin, browser'a özel olarak yazılan gerekli plug-in'ler
(~eklentiler) sistemde varsa, HTML'le online bir gazete, bir slide-show,
şirket-içi yazılımların çalışabildiği bir platform yaratabilirsiniz.
<html>
<head>
<!-- Head elemanları -->
Burada genelde doküman içeriği dışında kalan karakter set
tanımlamaları, başlık, JavaScript tanımlamaları vb elemanlar
bulunur...
<title> Başlık </title>
</head>
<body>
<!-- Body elemanları -->
Burada ise dokümanın asıl içeriği vardır, içinde metin, ses, video
vb içerebilir...
</body>
</html>
KLASÖR VE DOSYA İSİMLERİNDE
<!--[if !supportLists]--> 1) <!--[endif]--> Türkçe karakter yok
(ç,ğ,ö,ü,İ,ı,ş yerine c,g,o,u,i,s kullanılacak)
<!--[if !supportLists]--> 2) <!--[endif]--> Büyük harf yok
<!--[if !supportLists]--> 3) <!--[endif]--> 8 harfi geçmese daha iyi
olur.
<!--[if !supportLists]--> 4) <!--[endif]--> İlk giriş sayfasının adı
index.html olmalı
HTML sayfaları hazırlarken NOTEPAD kullanacağız.
TAG (Etiket) : HTML dosyalarında normal metin ile Web tarayıcısına
yollanacak olan özel komutları birbirinden ayırmak için kullanılan
işaretler ve komut dizileridir. Normal metinden bu takıları ayırmak
için “büyüktür” ve “küçüktür” işaretleri kullanılır.
Örn: <html>
</html>
STANDART TAKILAR
<html> è Tüm Html sayfaları <html> ile başlar </html> ile biter.
<title> è Sayfanın başlık kısmında çıkması istenen yazılar buraya
yazılır.
<body> è Sayfa içinde çıkması istenen yazılar bu komut içine
yazılır.
<html>
<title> Hasan Web Tasarımı Öğreniyor </title>
<body>
Hasan DURMAZ
<body>
</html>
<h1> BAŞLIKLAR
Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane
başlık çeşidi vardır.
<html>
<title> Başlıklar </tille>
<body>
<h1> Başlık 1 </h1>
<h2> Başlık 2 </h2>
<h3> Başlık 3 </h3>
<h4> Başlık 4 </h4>
<h5> Başlık 5 </h5>
<h6> Başlık 6 </h6>
</body>
</html>
BR ETİKETİ ( Alt satıra geçmeyi sağlar)
<html>
<title> BR Etiketi </title>
<body>
Pazartesi
Salı
Çarşamba
<br> Ocak <br> Şubat <br> Mart
</body>
</html>
HR ETİKETİ ( Çizgi çizer)
<html>
<title> HR Etiketi </title>
<body>
<hr>
<hr color=red> ( color è Renk verir)
<hr color=blue size=5> (size è Kalınlık verir)
<hr color=green width=500>
</body>
</html>
HR Etiketi’nin Parametreleri
<hr width=100> è Çizginin genişliğini ayarlamak için kullanılır.
<hr size=20> è Çizginin kalınlığını ayarlamak için kullanılır.
<hr color=ff0000> è Çizginin rengini ayarlamak için kullanılır.
<hr align=right> , left, center è Çizginin sayfadaki yatay konumunun
sola, sağa veya ortaya hizalanmasını sağlar.
<marquee> KAYAN YAZI
<html>
<title> Kayan Yazı </title>
<body>
<marquee> <font color=red size=7> Kayıyorum He He He </font></marquee>
<marquee direction=right> Sağa Doğru Kaydırır </marquee>
<marquee direction=up> Yukarı Kaydırıır </marquee>
<marquee direction=down> Aşağı Kaydırır </marquee>
</body>
</html>
<marquee> Parametreleri
<marguee direction=right>,up,down è Sağdan, yukarıdan ve aşağıdan
başlayarak kayması sağlanır
<marquee behavior=alternate> è Yazılar kaydırılırken ekrandan
kaybolmadan bir uçtan diğerine gider
<marquee bgcolor=ff00ff> è Kayan yazıların arka plan rengini
belirler.
<marquee height=10 width=250> è Yazının kayacağı alanın yüksekliği
ve genişliği ayarlanabilir.
<marquee loop=3> è Yazının kaç kez kayacağı belirlenir. Daha sonra
da yazı durur.
<marquee scrolldelay=1> è Kaydırma hızını ayarlar. Hızlı kayması
için küçük; yavaş için de büyük değer
RENK MODELLERİ
RGB (Red, Green, Blue) (Kırmızı, Yeşil, Mavi) è Doğada bütün renkler
aslında bizim adına Kırmızı, Yeşil ve Mavi dediğimiz üç ana rengin
karışımından meydana gelmişlerdir. Herhangi bir rengin oluşabilmesi
için 0 ile 255 arasında bir oran kullanılmalıdır. Ancak bu sayıların
mantıklı bir şekilde Web tarayıcısına yollanması gerekir. Bu renk
kodlarını HTML dilinde kullanmak ve Web tarayıcısına yollamak için
16’lık (Hexadecimal) sayı sistemi kullanılmaktadır. İnternet’te
yayınlanacak sayfalar için kullanılır.
Max : 72 dpi
Standart : 50 dpi
256*256*256 = 16.400.000 Renk
CMYK (Cyan, Magenta, Yellow, Black) è Baskıya gidecek işler için
kullanılır.
Min :300 dpi
100*100*1000*100 = 100.000.000 Renk
HTML Dersleri
- Html Nedir ?
- Html Temel Unsurlar
- HTML Elementler
- HTML Etiketler
- HTML Parametreler
- HTML Biçimlendirme
- HTML Özeller
- HTML Bağlantılar
- HTML Çerçeveler
- HTML Tablolar
- HTML Listeleme
- HTML Formlar
- HTML Resimler
- HTML Renkler
- HTML Gelişmiş
- HTML Tasarım
- HTML Fontlar
- HTML Stiller
- HTML Başlık
- HTML Meta
- HTML URL
- HTML Scriptler