A huge collection of 3400+ free website templates JAR theme com WP themes and more at the biggest community-driven free web design site
Anasayfa / Yazılım / Html Dosya Nasıl Hazırlanır?

Html Dosya Nasıl Hazırlanır?

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.

Html dili bize temel olarak;

  • 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 gibi işlemleri gerçekleştirir.
 Html ile 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.

<html>
   <head>
      <meta charset="utf8"> <!-- Türkçe Karater Kodumuz -->
      <title>Hoşgeldiniz</title>
   </head>
   <body>
      <p>Merhaba Dünya</p>
   </body>
</html>

Editör’ümüze yazdığımız bu kodları Farklı Kaydet diyerek;

html-kayit

Masaüstümüze index.html olarak kayıt edelim. Kodlama bölümünü ANSI yapmayı unutmayın. Kayıt ettikten sonra dosyamızı bir tarayıcı ile açalım.

htmll1

Evet ilk HTML sayfamızı oluşturmuş olduk.

HTML Kodları Yazarken Dikkat Edilmesi Gereken Hususlar

  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 (Bazı Etiketler Hariç).
  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.

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

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.

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.

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.

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.

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.

Bir sonra ki dersimiz HTML etiketleri için buraya tıklayınız.

 

Hakkında Kamil Keleş

Editör'ün Önerisi

MySQL’de Veri Türleri Ve Tablo Oluşturma Komutları

Bir MySQL veritabanın’da tablo “CREATE TABLE” komutu ile oluşturulur.Tabiki tablo oluşturmadan önce MySQL’den bir veritabanı …

Bir Cevap Yazın

%d blogcu bunu beğendi: