Temel HTML Bilgileri

Merhaba. Bu gün web derslerimize başladık. Şimdi ilk olarak sizlerle temel HTM ile ilgili bilgiler vermek istiyorum.

[sam id=”1″ codes=”true”]

HTML Nedir? 

Öncelikle HTML ile ilgili yanlış bilinen bir bilgi var. HTML programlama dili değildir. Çünkü derleyicisi olmadan çalışamaz.

Bir HTML belgesi; web tarayıcısının bir sayfayı oluşturabilmesi için gerekli kuralları belirten bir metin belgesidir. Son sürümü HTML 5.0’dır (04.07.2016). Dosya uzantısı .html veya .htm’dir. Standartları W3C tarafından belirlenir.

İlk HTM Belgemizi Oluşturalım

Sizlere NotePad++ öneririm. Bu uygulama neredeyse tüm açık kaynak yazılımların kodlarını düzenleyebiliyor. https://notepad-plus-plus.org/adresinden indirebilirsiniz.

Şimdi masaüstünüze gelin. Yeni bir klasör oluşturun. klasörün adı ilk_sitem olsun. Klasörü oluşturduktan sonra içine bir metin belgesi açın. Metin belgesinin dosya uzantısını (.txt) .html olarak değiştirin. Dosyanın adını da index koyabilirsiniz. Şimdi oluşturduğunuz index.html dosyasını NotePad++ ile açın. Türkçe karakter uyumluluğu için her yeni dosya açtığınızda şunları yapmanız yeterli olacakır:

'Kodlama' menüsünden 'BOM olmadan UTF-8'e dönüştür' seçeneğini seçin.

Örnek HTML Belgesi:

<html>
  <head>
    <title>İlk Sitem!</title>

  </head>
  <body>
    <p>Hello, World!</p>
  </body>
</html>

Şimdi Bunları Tek Tek Açıklayalım

Html belgesi <html> ile açılır ve </html> ile biter.

<head> bölümü ise dosyalarımızı import etmekte vs kullandığımız bölümdür. Tasarımla alakalı değildir yani

<body> bölümü ise sitemizi oluşturacağımız bölümdür. Tüm içeriklerimiz bu tagdan sonra gelmesi gerekir.

<p> etiketi ise paragraf etiketidir. Paragraflarımızı bu etikete yazmamız gerekir.

Bunlar Dışında Bazı HTML Tagları

https://turkiyeelektronik.com/forum/index.php/topic,669.0.html forumumuzdaki bu yazıyı da okuyarak bilgilerinizi pekiştirebilirsiniz. İlerleyen konularımda sizlere css ile tasarımı da anlatmayı düşünüyorum. Ama öncelikli olarak PHP 😉