Şubat 10
Yazan Koray Öksüztepe
Kategori HTML dersleri | Yorum Yok
HTML dökümanlarında renkler ya İngilizce isimleriyle,ya da “hexadecimal” değerleriyle belirtilir.
En sık kullanılan ve hemen hemen bütün browser’ların desteklediği 16 renkler aşağıdakilerdir:
| Renk |
Renk adı |
Renk |
Renk adı |
|
aqua |
|
black |
|
blue |
|
fuchsia |
|
gray |
|
green |
|
lime |
|
maroon |
|
navy |
|
olive |
|
purple |
|
red |
|
silver |
|
teal |
|
white |
|
yellow |
Hex kodlarına gelince…
Renkler 3 rengin karşımından oluşurlar. Kırmızı (Red) , Yeşil (Green), Mavi (Blue) [RGB]. Her rengin (kırmızı,yeşil,mavi) 256′şar değeri vardır. Renkler için ikişer hane ayrılarak bu değerler elde edilebiliniyor. Yani KKYYMM şeklinde 6 hanede istediğimiz rengi elde edebiliyoruz. Peki iki haneden 256 renk nasıl elde ediyoruz? şöyle:
| Sayi |
0 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
| Hex |
0 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
A |
B |
C |
D |
E |
F |
buna göre:
kırmızı, yeşil ve mavi’ye değer verilmediğinde 000000 olacaktır, bu da siyah’a eşittir.
kırmızı, yeşil ve mavi’ye tam değer verildiğinde FFFFFF olacaktır, bu da beyaz’a eşittir.
kırmızıya 256, yeşil ve mavi’ye 0 değerleri verildiğinde FF0000 olacaktır. tabii bu da kırmızı’ya eşittir..
HTML’imizde <body bgcolor=”#FF0000″> şeklinde renkleri deneyebiliriz.
256(K) * 256(Y) * 256(M) = 16,777,216 renk kombinasyonumuz olur.
Şubat 10
Yazan Koray Öksüztepe
Kategori HTML dersleri | Yorum Yok
| tag |
işlem |
html |
sonuç |
| <b> |
koyu |
<b>deneme</b> |
deneme |
| <big> |
büyük |
<big>deneme</big> |
deneme |
| <i> |
italik |
<i>deneme</i> |
deneme |
| <small> |
küçük |
<small>deneme</small> |
deneme |
| <strong> |
güçlü |
<strong>deneme</strong> |
deneme |
| <sub> |
alt yazı |
H<sub>2</sub>O |
H2O |
| <sup> |
üst yazı |
2<sup>3</sup> |
23 |
| <ins> |
alt çizgi |
<ins>deneme</ins> |
deneme |
| <del> |
silinmiş |
<del>deneme</del> |
deneme |
| tag |
işlem |
html |
sonuç |
| <abbr> |
kısaltma |
10 <abbr title=”Yeni Türk Lirası”>YTL</abbr> |
10 YTL |
| <bdo> |
yazı yönü |
<bdo dir=”rtl”>deneme</bdo> |
deneme |
| <q> |
alıntı |
<q>deneme</q> |
deneme |
| <blockquote> |
uzun alıntı |
deneme<blockquote>deneme2 deneme2 deneme2 deneme2 deneme2 deneme2 deneme2</blockquote>deneme3 |
deneme
deneme2 deneme2 deneme2 deneme2 deneme2 deneme2 deneme2
deneme3 |
Şubat 10
Yazan Koray Öksüztepe
Kategori HTML dersleri | Yorum Yok
HTML, küçük/büyük harfe duyarlı değildir. Yani <BODY> ile <body> aynıdır.
Başlık:
6 çeşit başlık vardır:<h1>,<h2>,...<h6>.Bunlardan en büyüğü
<h1>,en küçüğü ise <h6>‘dır.
| html |
sonuç |
<h1>H1 ile yapılan başlık</h1> |
H1
ile yapılan başlık
|
<h2>H2 ile yapılan
başlık</h2> |
H2 ile yapılan başlık
|
| <h3>H3 ile yapılan başlık</h3> |
H3 ile yapılan başlık
|
<h4>H4
ile yapılan başlık</h4> |
H4 ile yapılan başlık
|
<h5>H5 ile yapılan
başlık</h5> |
H5 ile yapılan başlık
|
| <h6>H6 ile yapılan başlık</h6> |
H6 ile yapılan başlık
|
Paragraf:
html tarafından otomatik olarak başına ve sonuna boş satır eklenir.
Satır başı:
Satırı bitirip alt satıra geçer.
Yatay Çizgi :
Bulunduğu yer boyunca yatay çizgi ekler.
Yorum :
Tarayıcınızda görünmez/işlenmez.
Daha sonradan sayfada değişiklik yapmanız gerekebileceğini düşünerek not düşmeniz için idealdir.
Ayrıca, yaptığınız/sonradan aktif edeceğiniz kodlar da bu bölümde bulunabilirler.
| tag |
islem |
html |
sonuç |
| <p> |
paragraf |
<p>deneme</p><p>deneme2</p> |
deneme
deneme2 |
| <br /> |
satır atlama |
deneme<br />deneme2 |
deneme
deneme2 |
| <hr /> |
yatay çizgi |
deneme<hr />deneme2 |
deneme
deneme2 |
| <!–> |
yorum |
deneme <!–deneme2–> deneme3 |
deneme deneme3 |
Şubat 10
Yazan Koray Öksüztepe
Kategori HTML dersleri | Yorum Yok
HTML(Hyper Text Markup Language), etiketlerden(tag) oluşan bir işaretleme dilidir. Etiketler, web tarayıcılarına(firefox, internet explorer, netscape, opera vs.) ne sunmalarının istenildiğini belirtir.
HTML, uzantı olarak .html ve .htm kullanır (Karakter sayılarından başka farkları yoktur) ve herhangi bir metin editörüyle yazılabilir. HTML editörü olarak Dreamweaver önerilse de öğrenmek için notepad gibisi yoktur. Hemen bir örnekle başlayalım:
- Bir notepad açıp (başlat > çalıştır > notepad), aşağıdaki html kodunu notepad’e kopyalayın.
- notepad programının menüsünden dosya > farklı kaydet‘e tıklayın
- Açılan pencerede masaüstü düğmesine tıklayın, kayıt türü : “Tüm dosyalar”, dosya adı: “ilk.html” yazdıktan sonra “kaydet” düğmesine tıklayın.
- Kaydettiğiniz dosyaya tıklayarak çalıştırabilirsiniz.
örnek: ilk.html
<html>
<head>
<title>İlk sayfamın başlığı</title>
</head>
<body>
ilk sayfam!
</body>
</html>
HTML, <html> etiketiyle başlar ve </html> etiketiyle biter. Etiketlerin genelinde durum aynıdır. <***> etiketi ile başlayıp </***> etiketi ile biterler. iki etiket arasında kalan içeriktir.
<head> </head> etiketlerinin arasına header bilgileri yazılır ve bu bölüm tarayıcınızda görülmez. Örneğimizde <title> etiketi de bu bölümdedir ve sayfanın başlığını belirtmektedir. Başlık, tarayıcınız, dökümanınızı yorumladığında üst bölümde görülür.
<body> </body>etiketlerinin arası ise tarayıcınızda gösterilmesini istediklerimizi yazdığımız bölümdür.
Fark ettiğiniz gibi ilk açılan etiket en son kapatılır.
Herhangi bir web sayfasının html kodunu görmek istediğinizde, farenin sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini kullanabilirsiniz.