Html Temel Etiletler - Sayfa Yapısı - Temel Sayfa Öğeleri
Merhaba arkadaşlar html dersleri'mize 2. dersimizle devam ediyoruz.Bir önceki dersimizde html sayfasını oluşturmayı ve .html olarak kayıt etmeyi öğrenmiştik ve birtakım kodları kaydetmiştik.Bu dersimizde kayıt ettiğimiz kodları ve işlevlerini anlatacağız.
Geçen ders html sayfası oluştururken sayfaya eklediğimiz kodlar,
Şöyleki ardakaşlar bu kodları bir html sayfasına ekleyip kayıt edin ve açın karşınıza çıkan pencere şu şekilde olacaktır.Pencerenin başlığı İlk sayfam pencerede ise Html Öğreniyorum yazacaktır.
Tag(Etiket) nedir ?
Arkadaşlar tag "<" ve ">" işaretleri eklenerek oluşturan html sayfa öğelerindir.Tarayıcı sayfayı tag lara göre yorumlar.Tagların kullanım şekli şu şekildedir.<tagadı> </tagadı> taglar "<>" arasına yazılarak açılır ve "</>" arasına tekrar yazılarak kapatılır.Burada dikkat etmemiz gereken tag'ların kapatılmasıdır.Taglar kapatılırken aynı tag tekrar yazılır ve başına / eklenir.Bazı işlevsel taglara ise kapatma tagı eklenmez öğneğin bir alt satıra geçme kodu olan <br/> tagına kapatma tag'ı eklenmez.Çünkü işlevi bir alt satıra geçmektir ve herhangi bi karakter içermesine gerek duyulmaz.
Ama paragraf tagı iki ipareden oluşur <p> ile açılır arasına yazılar yazılır ve </p> ile kapatılır.
Tag kavramını öğrendikten sonra kodlarımızı inceleyelim.
Yukarıdaki kodların başında <html> tag'ı vardır.Bir sayfanın başında <html> tag'ı açılır sayfanın sonunda ise </html> ile tag kapatılır ve bütün sayfayı kapsar.Kodların html kodları olduğunu tarayıcıya belirtir.
Html tag'ları arasında ilk önde <head> tagları açılır head tagları arasına sayfanın kimyasal özellikleri eklenir diye anlatıyım ben size örneğin sayfanın başlığı meta etiketleri <head> </head> tagları arasına eklenir örneğimizde <head></head> tag'ları arasına <title></title> tagları eklenmiştir. Title ingilizceden de bildiğiniz gibi sayfanın belirler.Sayfa başlığını <title></title> tagları arasına yazarız.Bu taglar sayganın kimyasal özelliğini belirttiği için <head></head> tagları arasında yer alır.
Sıra <body> tag'ına geldi bu tag ise sayfanın fiziksel özellikleri yani sayfada görünmesini istediğiniz görsel öğeler metinler yer alır.örnekteki kodları çalıştırdığınızda sayfada html öğreniyorum yazacaktır.Çünkü body tag'ları arasına Html öğreniyorum yazılmıştır ve taryıcı body tagları arasındaki yazıları sayfaya yazdırır.
Html temel sayfa yapısı bu şekilde kodları birkaç sefer yazarsanız kodların işlevlerini anlarsınız ve ezberlemiş'de olursunuz bu dersimiz bu kadar arkadaşlar takipte kalın.
Geçen ders html sayfası oluştururken sayfaya eklediğimiz kodlar,
<html>
<head>
<title>İlk Sayfam</title>
</head>
<body>
Html Öğreniyorum
</body>
</html>
<head>
<title>İlk Sayfam</title>
</head>
<body>
Html Öğreniyorum
</body>
</html>
Şöyleki ardakaşlar bu kodları bir html sayfasına ekleyip kayıt edin ve açın karşınıza çıkan pencere şu şekilde olacaktır.Pencerenin başlığı İlk sayfam pencerede ise Html Öğreniyorum yazacaktır.
Tag(Etiket) nedir ?
Arkadaşlar tag "<" ve ">" işaretleri eklenerek oluşturan html sayfa öğelerindir.Tarayıcı sayfayı tag lara göre yorumlar.Tagların kullanım şekli şu şekildedir.<tagadı> </tagadı> taglar "<>" arasına yazılarak açılır ve "</>" arasına tekrar yazılarak kapatılır.Burada dikkat etmemiz gereken tag'ların kapatılmasıdır.Taglar kapatılırken aynı tag tekrar yazılır ve başına / eklenir.Bazı işlevsel taglara ise kapatma tagı eklenmez öğneğin bir alt satıra geçme kodu olan <br/> tagına kapatma tag'ı eklenmez.Çünkü işlevi bir alt satıra geçmektir ve herhangi bi karakter içermesine gerek duyulmaz.
Ama paragraf tagı iki ipareden oluşur <p> ile açılır arasına yazılar yazılır ve </p> ile kapatılır.
Tag kavramını öğrendikten sonra kodlarımızı inceleyelim.
Yukarıdaki kodların başında <html> tag'ı vardır.Bir sayfanın başında <html> tag'ı açılır sayfanın sonunda ise </html> ile tag kapatılır ve bütün sayfayı kapsar.Kodların html kodları olduğunu tarayıcıya belirtir.
Html tag'ları arasında ilk önde <head> tagları açılır head tagları arasına sayfanın kimyasal özellikleri eklenir diye anlatıyım ben size örneğin sayfanın başlığı meta etiketleri <head> </head> tagları arasına eklenir örneğimizde <head></head> tag'ları arasına <title></title> tagları eklenmiştir. Title ingilizceden de bildiğiniz gibi sayfanın belirler.Sayfa başlığını <title></title> tagları arasına yazarız.Bu taglar sayganın kimyasal özelliğini belirttiği için <head></head> tagları arasında yer alır.
<html>
<head>
<title>İlk Sayfam</title>
</hea>
<body>
Html Öğreniyorum
</body>
</html>
<head>
<title>İlk Sayfam</title>
</hea>
<body>
Html Öğreniyorum
</body>
</html>
Sıra <body> tag'ına geldi bu tag ise sayfanın fiziksel özellikleri yani sayfada görünmesini istediğiniz görsel öğeler metinler yer alır.örnekteki kodları çalıştırdığınızda sayfada html öğreniyorum yazacaktır.Çünkü body tag'ları arasına Html öğreniyorum yazılmıştır ve taryıcı body tagları arasındaki yazıları sayfaya yazdırır.
Html temel sayfa yapısı bu şekilde kodları birkaç sefer yazarsanız kodların işlevlerini anlarsınız ve ezberlemiş'de olursunuz bu dersimiz bu kadar arkadaşlar takipte kalın.
Yorumlar
Yorum Gönder