Html Dersleri – 1 (Vira Bismillah)

HTML Nedir?

 

HTML’in açılımı Hyper Text Markup Language’dir. Bir çok sitede yazan basit veya gereksiz cümleleri kullanmayacağım. Dinamik olmayan yani üyelik sistemi, kredi kart sistemi, veritabanı sistemi vb işlemleri yapmamıza imkan vermeyen ama bir web sitesinde olmazsa olmaz kodlarımızdır.

Html kodlarını notepad benzeri programlarda yazdıktan sonra uzantısını .html veya .htm yaptıktan sonra web tarayıcısı tarafından açmamız çalıştırmak için yeterli olacaktır.

Kodları yazmak için biz Notepad++ kullanacağız.

 

Html Tagları

 

<a> Link belirtir

<b> Koyu harfli yazı

<body> Dosyanın ana kısmını gösterir

<br /> Alt satıra geçiş işaretidir

<center> Elemanı sayfada ortalar (html 4 ile bu özellik iptal edilmiştir)

<div> Dökümanda bir bölümü temsil eder (En çok kullanılacaklardan birisi)

<form> Bilgi kayıt formu

<frame /> Sayfa içinde gömülü pencere açar

<h1> ile <h6> arası Başlık yazısı belirler

<head> Dökümanın temel başlık elemanlarını içerir

<hr /> Yatay çizgi

<html> sayfa türünü belirtir

<i> Eğik yazı

<iframe> Başka bir sayfayı dökümanda gösterir

<img /> Resim

<input /> Form için bilgi alanı

<label> Form için metin etiketleri

<li> Liste elemanı

<meta /> Dökümana ait önemli tanımlamaları içerir

<option> Seçim listesindeki elemanlar

<p> Paragraf başı

<script> Kullanıcı taraflı uygulama

<select> Seçim listesi

<span> Dökümanda bir bölümü gösterir

<style> Elemanların görünümünü belirten şekiller

<table> Tablo

<td> Tablonun bir gözü

<textarea> Form için uzun yazı alanı

<title> Dökümanın ana başlığı

<tr> Tablonun bir satırı

<ul> Düzensiz liste

 

Gözünüze fazla gözükebilir fakat zamanla bunların hepsini aklınıza alırsınız.. Html dilini yaptığınız site asp de olsa php de olsa veya farklı bir dil bile olsa kullanacağız.

Bu kodları yazdık diyelim ama html artık xhtml’e geçiş yaptı. Nedir bu xhtml? Daha düzenli ve daha kurallısı diyelim yeter..

Peki kurallar?

– Açılan tüm etiketler kapatılmalıdır. —-> <a></a> —-> a etiketini açtık geri kapattık.

– Tüm etiketler ve özellikleri küçük harfle yazılmalıdır. <a></a> —-> etiketi küçük harflerle yazdık.
– Etiket özelliklerine değerler çift tırnak içinde yazılmalıdır. <a href=”index.html”>Deneme</a> —-> index.html çift tırnak içinde yazıldı.
– İç içe yazılan etiketlerin kapatılış sıralarına dikkat edilmelidir.<a href=index.html”><b>Deneme</b></a> —-> önce a etiketi açıldı sonra b açıldı. önce b kapatıldı sonra a kapatıldı.

Örnek sayfamızı yazalım hemen..

<html>

<head>

<title>İlk Web Sayfamız</title>

</head>

<body>

Bu benim ilk sayfam <b>Bu metin koyu</b>

</body>

</html>

Ekran Görüntümüz:

One Comment

Yorum yap

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir