HTML Giriş.
HTML, HyperText Markup Language, tarayıcı (browser)'lardan görebileceğimiz (Internet Explorer, Netscape gibi) internet dokümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı HTML'dir. Tarayıcı olmadan HTML kodları birşey ifade etmez.
HTML dokümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzantılarla kaydedilir. Bunun için notepad, pico, wordpad gibi editörler yeterlidir. Bunların yanında Frontpage, Dreamweaver, Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.
Her HTML dokümanı <HTML> ile başlar ve </HTML> ile biter. <> şeklinde görülen komutlara etiket (tag) adı verilir. Bir HTML dokümanı iki ana kısımdan oluşmaktadır:<head> . . . </head> etiketi arasında yer alan Başlık bölümü; <body> . . . </body> etiketleri arasında yer alan Gövde Bölümü. Başlık bölümü içine <title>. . . </title> etiketi konulur. title, tarayıcımızın en üstünde gözükür ve oluşturulan sayfanın başlığıdır.
Örnek:
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">
title etiketi ile başlığı belirttikten sonra Başlık bölümü kapatılır ve ana kısım olan Gövde' ye geçilir. Sayfamızda görüntülemek istediğimiz bütün bilgileri Gövde kısmına koyarız.
Herhangi bir web sayfasının HTML kodunu görmek istediğimiz zaman, farenin sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz.
Bir etiketin nasıl davranması gerektiği hakkında bilgi içeren etiketin içindeki metne Değişken denir. Aşağıdaki örnekte body etiketinin içindeki bgcolor ifadesi değişkendir ve arkaplan rengini belirler. Çoğu etiket isteğe bağlı olarak ya da gerektiği için bağımsız değişkenleri kabul eder.
<body bgcolor="yellow">
Çift taraflı etiketler içiçe geçebilirler ama dikkat edilmesi gereken nokta en son açılan etiketin en önce kapatılmasıdır. Aşağıda yanlış ve doğru uyguluma örneği verilmiştir.
<b><i>Bu bir yanlış örnektir. </b></i>
<b><i>Doğrusu budur. </i></b>
<br> ve <hr> gibi tek taraflı etiketler , <br /> ve <hr /> şeklinde yazılmalıdır.
BASİT HTML ETİKETLERİ
Başlıklar:
6 çeşit başlık vardır:<h1>, <h2>, . . . <h6>. Bunlardan en büyüğü <h1>, en küçüğü ise <h6>'dır.
| HTML etiketi | Etiketin Web Sayfasındaki görüntüsü |
<h1>H1 ile yapılan başlık</h1> | H1 ile yapılan başlıkH2 ile yapılan başlıkH3 ile yapılan başlıkH4 ile yapılan başlıkH5 ile yapılan başlıkH6 ile yapılan başlık |
Paragraflar, Satır boşlukları ve Yatay Çizgiler:
Paragraflar
<p> etiketiyle oluşturulur. Paragraf metni <p> ile </p> arasında yer alır. Örneğin:<p>Bu bir paragraftır. </p>
Paragraf başlatmadan bir satır boşluğu yaratmak için
<br/> etiketi kullanılır. Örneğin:<p>Paragrafın ilk satırı. <br />Paragrafın ikinci satırı. </p>
Sayfaya (aşağıdaki gibi) yatay çizgi eklemek i
çin <hr> etiketini kullanırız.| HTML etiketi | Etiketin Web Sayfasındaki görüntüsü |
<p>Birinci paragraf</p><br />Alt satır </p> | Birinci paragraf Ikinci paragraf Üçüncü paragraf Alt Satır |
METİNLER
<font color="red" face="arial" size="3">. . </font>
Color yazı karakterinin rengini, face yazi tipini (arial, verdana, tahoma gibi), size da boyutunu belirler. Size değişkeninde kullanılan rakam 1'den 7'ye kadardır.
<font> etiketi HTML 4. 0 'da desteklenmemektedir ama yine de taracıyıcılar <font> etiketi ile yapılmış biçimlendirmeyi destekler. Hala pek çok web sayfasında <font> etiketi kullanılmaktadır. Başlangıç seviyesi için <font> etiketi kullanmak yeterliyken ilerki seviyeler için stilleri kullanmanız tavsiye edilir.
Font etiketi ile birlikte aşağıdaki tabloda verilen etiketleri kullanarak sayfanızdaki metinleri biçimlendirebilirsiniz.
| Etiket | Açıklama | Uygulama |
|---|---|---|
<b>. . </b> | Kalın biçimlendirme | Metin |
<i>. . </i> | İtalik biçimlendirme | Metin |
<u>. . </u> | Altı çizgili biçimlendirme | Metin |
<sup>. . </sup> | Üst simge | X2 |
<sub>. . </sub> | Alt simge | H2 |
<code>. . </code> | Bilgisayar kodu biçimi | Metin |
<blockquote>. . </blockquote> | Alinti biçimi | Metin |
Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın.
Renkler :
HTML dokümanlarında renkler ya İngilizce isimleriyle, ya da 16'lık sayı düzenindeki "hexadecimal" değerleriyle belirtilir.
En sık kullanılan ve hemen hemen bütün tarayıcıların desteklediği 16 renk aşağıdakilerdir:
| Renk | Renk adi: | Renk | Renk adi: |
| aqua | black | ||
| blue | fuchsia | ||
| gray | green | ||
| lime | maroon | ||
| navy | olive | ||
| purple | red | ||
| silver | teal | ||
| white | yellow |
Örnek :
<body bgcolor="green">
Bu örnekte sayfanın arkaplan rengi yeşil olur.
<body bgcolor="#008000"> aynı sonucu verir.
Hiç yorum yok:
Yorum Gönder