HTML Ders Notları **3**
in bütün html kodlar burda , html , HTML DERS NOTLARI HTML ‘ E GİRİŞ , Html ders notları-Html'ye giriş-Belli başlı html kodlar , html editör , html hakkıdan , html öğren
<html>....</html> Tarayıcıya HTML dosyasının başladığını ve bittiğini
belirtiyor. Diğer tüm kodlar bu iki etiket arasına yazılır.
<head>....</head>
<body>....</body>
Bir HTML belgesi iki bölüme ayrılıyor: head(baş) ve
body(gövde). <head>....</head> etiketleri arasına sayfa
hakkında bilgiler yazıyoruz. Meta ve title gibi etiketler
burada yeralıyor. Meta etiketlerine ileride değineceğiz.
<body>....</body> arası ise sayfamızın gövde bölümü.
Ekranda gösterilecek kısımlar bu tagler arasında yeralıyor.
<title>....</title> Title sayfanın başlığını belirtiyor. Burada yazılanlar
browser'ın üst tarafında browser adıyla beraber gösteriliyor.
Hazırladığımız sayfada dikkat ederseniz sadece temel etiketleri kullandık. Yani
metin biçimlendirmeye yarayan hiçbir etiket kullanmadık. Bu yüzden
<body>....</body> arasına yazdığımız "Sayfama Hoşgeldiniz" yazısı
browser'ın varsayılan metin ayarlarıyla gösteriliyor. İşin ilginç tarafı hiçbir kod
yazmadan sadece "Sayfama Hoşgeldiniz" yazıp kaydetsek ve browser'da böyle
görüntülesek de aynı neticeyi elde edecektik. Sonraki bölümde metin
biçimlendirmeye yarayan etiketleri öğreneceğiz.
4. METİN BİÇİMLENDİRME
Bu bölümde öğreneceğimiz etiketler:
• Başlık etiketleri: <h1>...<h6>
• Paragraf etiketi: <p>...</p>
• Ortalama: <center>...</center>
• Diğer etiketler: <b>...</b>,<i>...</i>,<u>...</u>
HTML'de metin stillerini üç şekilde belirleyebiliriz:
1. Düzenlemek istediğimiz metnin hemen önüne koyacağımız bir etiketle
biçimleme stili. Buna in-line (aynı satırda) biçimlendirme denir.
2. Sayfanın head (baş) kısmına koyulan stillere body (gövde) bölümden
atıf yapılarak metin biçimleme.
3. (Embedded-Gömülü biçimlendirme) HTML dosyasının dışında başka bir
stil dosyası oluşturarak stil için bu dosyayı kullanma. Buna Cascading
Style Sheets-(Yığılmalı Stil Kağıtları) deniyor. Kısaca CSS. Bu teknik
bize örneğin yüzlerce sayfanın stilini tek bir stil dosyası ile belirleme gibi
geniş imkanlar veriyor.
