[HTML] Ders 1 | HTML sayfası kod yapısı ve sayfa başlığı değiştirme

Hyuna Akali

Full Stack Developer
Grafiker
Usta Üye
Editör
Mesaj
727
Çözümler
20
Beğeni
584
Puan
839
Merhabalar,

İlk dersimize hoş geldiniz bugün bir HTML dosyası nasıl oluşturulur ? , head nedir ? title nedir ? body ne işe yarar gibi şeylere değineceğiz.

İlk olarak html dosyası oluşturmak için not defterinizi açın ardından Dosya > Farklı Kaydet > dosyaismi.html şeklinde kaydedin.Bu html dosyasına çift tıkladığımızda tarayıcımızda açılacak ve bize yazdığımız kodların derlenmiş halini gösterecektir.

standart HTML başlangıç kalıbımız şu şekildedir ;
dosyaismi.html:
<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

gördüğünüz gibi her html kodu "< ve >" işaretler içerisine yazılır, <kod> şeklinde açılır ve </kod> şeklinde kapanır. Aslında böyle yazsanızda browser bunu derleyecek ve çalıştıracaktır.

Ama ilerleyen html derslerinde bunu şu şekilde kullanacağız ;

dosyaismi.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

bunun nedeni tarayıcıya daha düzgün ve net bir şekilde derleme yapabilmesi için hangi dili kullandığımızı belirtiyor olmamız. Şimdi gelelim etiketlerin anlamlarına...

html : html etiketleri arasına yazılanların bir html kodu olduğunu tarayıcıya söyler ,
head : ingilizcesinden anlayacağınız gibi baş kısmını oluşturur. Sayfa başlığını , dili , stil tanımlamaları gibi değerleri tutar.
title : sayfanın başlık kısmında ne yazacağını belirlediğiniz alandır.
body : bir websitesini açtığınızda size görünen kısımdır.

şimdi bunları kullanarak 'İlk Dersim' başlıklı ve sayfa içerisinde de 'Bu benim ilk dersim ve HTML öğrenmek istiyorum' yazan bir web taslağı oluşturalım.
not defterimizi açalım ;

dosyaismi.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>İlk Dersim</title>
</head>
<body>
Bu benim ilk dersim ve HTML öğrenmek istiyorum
</body>
</html>

gördüğünüz gibi sitemizin başlık kısmını title ile belirledik ve body arasınada web sayfasında görünecek değeri yazdık. Şimdi bunu farklı kaydet diyerek ilkders.html olarak kaydedip çalıştıralım ve sayfada yaptığımız değişikliklere bakalım.

İlk ders buraya kadardı. Bir sonraki derse yazılar ile ilgili düzenlemelere bakacağız. Yazılar nasıl renklendirilir, nasıl boyutu büyütülür , nasıl ortalanmış bir şekilde yazılır bunları göreceğiz.
 
@Whistle Başlığı şu şekilde değiştirebilme şansımız var mı ? ben atlamışım başlıkta içeriği yazmayı

HTML Ders 1 | HTML sayfası kod yapısı ve sayfa başlığı değiştirme // HTML in başına kapalı parantez koyar mısınız birde çünkü site otomatik editleyip kod penceresi yapıyor
 
Üyelerde kendi konularının başlıklarını düzenleyebilir. Sağ üst kısımdan “takip et” tuşunun yanında ... butonu var. Ona tıklayın konuyu düzenle seçeneğini seçiniz.

Bu konu serisini devam ettirebilirseniz güzel bi kaynak olmuş olacak. :) Şu ana kadar açtığınız html konularını okudum ve gayet başarılı
 
ben o butonu bilmiyordum kusura bakmayın :) sizi uğraştırdım.Normalde forumlarda açılan konu düzenlenemez ya bildirerek düzeltiliyor öyle zannediyordum ama bu baya işime yarayacak
 
Belirli bi süre boyunca konuları düzenleyebilir, silebilirsiniz. :)
Eski içerikleri düzenlemek veya kaldırmak için ise bildirebilirsiniz.
 
Geri
Üst