Hızlı Konu Açma

Hızlı Konu Açmak için tıklayınız.

Son Mesajlar

Konulardaki Son Mesajlar

Reklam

Forumda Reklam Vermek İçin Bize Ulaşın

HTML Dersleri #1: HTML’e Giriş, HTML Nedir?

CanberK

Üye
Fenerbahçe
Kayıtlı Üye
Katılım
6 Eylül 2016
Mesajlar
34
Tepkime puanı
0
Puanları
0
Konum
Zonguldak
Web sitesi
bhd-team.com
HTML NEDİR ?

[FONT=&amp]HTML, web sayfaları hazırlamak için kullanılan bir işaretleme dilidir. Halihazırda kullandığımız web tarayıcıları ( Internet Explorer, Firefox, Chrome v.b ) bu kodları anlayarak görsel web sayfalarına dönüştürürler. HTML bir programlama dili değildir.[/FONT][FONT=&amp]HTML dili bize temel olarak;[/FONT]

  • Yazı, görsel ve video gibi öğeleri sayfa içersine yerleştirme ve konumlandırma,
  • Bu sayfaların web tarayıcılarında düzgün şekilde görüntülenmesi,
  • Arama motorlarına sayfa hakkında bilgi verme,
[FONT=&amp]gibi işlemleri gerçekleştirir.


[/FONT]

HTMLile web sayfası hazırlamak için bilgisayarınıza herhangi bir program yüklemenize gerek yoktur. Herhangi bir metin editörü
( not defteri, word, wordpad gibi ) html sayfaları oluşturmak için yeterlidir. Fakat kodları yazarken kolaylık sağlamak ve kod yazım hızını arttırmak için Dreamweaver, Notepad++, Sublime Text gibi programlar tercih edilebilir.Hazırlamış olduğunuz web sayfalarını kaydederken HTML,HTM,XHTML gibi tarayıcıların anlayabileceği bir uzantı ile kaydetmeniz gerekir.Not defterini açarak basit bir web sayfası oluşturmak için aşağıdaki kodları yazalım.[FONT=&amp]

HTML:
<html>
                <head> 
                   <title>Hoşgeldiniz</title>   
                </head>    
     
                <body>      
                       <p>Html Öğreniyorum</p>  
              </body>
</html>
[/FONT]
[FONT=&amp]Bu kodların ne anlama geldiğini aşağıda teker teker açıklayacağım için şimdilik kodlara kafa yormayın.[/FONT][FONT=&amp]Bu kodları bir web sayfasına dönüştürmek için kaydetmemiz gerekiyor. Dosya-Kaydet yolunu takip ederek dosya adı ve kayıt türünü aşağıdaki resimdeki gibi seçip masaüstüne veya istediğiniz herhangi bir yere sayfayı kaydedebilirsiniz.

[/FONT]
[FONT=&amp]

[/FONT]
[FONT=&amp]Sayfayı masaüstünde çift tıklayıp varsayılan web tarayıcınız ile çalıştırdığınızda ilk web sayfanızın çalıştığına şahit olacaksınız.

[/FONT]

[FONT=&amp]
[/FONT]
[FONT=&amp]
[/FONT]

[FONT=&amp]HTML Kodları Yazarken Dikkat Edilmesi Gereken Hususlar[/FONT]

  1. <html>,<head>,<body> gibi büyüktür (<…>) içerisine yazılan kodlara etiket (tag) adı verilir.
  2. Açılan her etiket kapatılır.Etiketi kapatmak için / işareti kullanılır.
  3. Html etiketlerinde Türkçe karakterler yer almaz.
  4. Etiketler büyük veya küçük harfle yazılabilir. Fakat genel kabul görmüş yazım biçimi küçük harftir.
Temel HTML Etiketleri ve Anlamları

[FONT=&amp]Şimdi yukarıda yazdığımız kodların (etiketlerin) ne anlama geldiğine kısaca bir değinelim.

[/FONT]
[FONT=&amp]HTML: Bu etiket diğer tüm etiketleri sarmalayan HTML diliyle kodlama yapılacağını belirten, sayfanın başında açılıp sonunda kapatılan bir etikettir.

[/FONT]
[FONT=&amp]HEAD: Hazırladığımız sayfa ile ilgili bilgiler ve tanımlamaların yer aldığı bloktur. Bu kısımdaki kodlar web sayfasında görüntülenmezler.

[/FONT]
[FONT=&amp]Yukarıdaki kodda head etiketinin içerisinde<title> etiketi kullanılmıştır. Title web sayfasının başlığı anlamına gelmektedir. Hazırladığınız sayfayı incelediğinizde web sayfanızın üst sekmesinde Hoşgeldiniz yazısını görebilirsiniz.

[/FONT]
[FONT=&amp]BODY: Bu etiket ziyaretçinin görebildiği, sayfanın tüm içeriğinin yer aldığı bölümdür. Kullanılacak etiketlerin bir çoğu body etiketinin içerisinde yer alır.

[/FONT]
[FONT=&amp]Yukarıdaki örnekte <p> etiketi bir paragraf oluşturmak için kullanılmıştır ve paragrafın içerisine HTML Öğreniyorum mesajı ziyaretçiye gösterilmiştir.
[/FONT]
[FONT=&amp][/FONT]*[FONT=&amp] Bundan sonraki dersimizde HTML ile Metin Biçimlendirme etiketlerine değineceğim.

İyi Forumlar..
Canberk.
[/FONT]
 

Users Who Are Viewing This Konu (Users: 0, Guests: 1)

Üst