HTML’E GİRİŞ

HTML, HyperText Markup Language, browser‘lardan görebileceğimiz (İnternet Explorer,Netscape gibi) internet dökümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı html’dir.Browser olmadan html kodları birşey ifade etmez.

HTML dökümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.html, *.shtml gibi uzantılarla kaydedilir.Bunun için notepad, pico,wordpad gibi editörler yeterlidir.Bunların yanında Dreamweaver,Homesite gibi bu iş için hazırlanmış ve kodlamayı kolaylaştıran programlar da vardır.

Her html dökümanı ile başlar ve ile biter.<> şeklinde görülen komutlara etiket (tag) adı verilir.İki ana kısımdan oluşmaktadır: … ve …. head’ın içine etiketi gömülür.title, browser’ımızın en üstünde yazan açıklamayı içerir.

title’dan sonra head kapatılır ve ana kısım olan body’ ye geçilir.Sayfamızda görüntülemek istediğimiz herşeyi body içine gömeriz.

Örnek:Herhangi bir web sayfasının html kodunu görmek istediğimiz zaman,mouse’ın sağ tuşuna tıklayıp view source/kaynağı görüntüle seçeneğini seçeriz.

METİNLER:

Başlıklar:

6 çeşit başlık vardır:

 

H1 ile yapılan başlık H2 ile yapılan başlık H3 ile yapılan başlık H4 ile yapılan başlık H5 ile yapılan başlık H6 ile yapılan başlık

H1 ile yapılan başlık H2 ile yapılan başlık H3 ile yapılan başlık H4 ile yapılan başlık H5 ile yapılan başlık H6 ile yapılan başlık

Fontlar ve Metin Biçimleme:

Color, yazı karakterinin rengini,face yazı tipini (arial,verdana,tahoma gibi), size da boyutunu belirler. Size özniteliğinde kullanılan rakam 1′den 7′ye kadardır.

…: koyu renk yazı(bold)
… : italik
paragraf
… : alt çizgi (underline)
metni ortalar

: satır atlama
: yatay çizgi (horizontal rule)
Not: Metin biçimlerken başladığınız etiketi kapatmayı unutmayın.

 

Renkler :

HTML dökümanlarında renkler ya İngilizce isimleriyle,ya da “hexadecimal” değerleriyle belirtilir.En sık kullanılan ve hemen hemen bütün browser’ların desteklediği 16 renkler aşağıdakilerdir:

Renk	Renk adı:	Renk	Renk adı:
	aqua		black
	blue		fuchsia
	gray		green
	lime		maroon
	navy		olive
	purple		red
	silver		teal
	white		yellow

Renklerin hex-code‘larını pek çok ilgili siteden bulabilirsiniz.

Örnek :

Bu örnekte artalan yeşile döner.

aynı sonucu verir.

Örnek :

=> Font rengi “indigo” oldu.

LİNKLER:

Linkler … etiketi içinde, href=”" komutuyla belirtilir.

Örnek:

alnumel ana sayfa

alnumel ana sayfa

Bu örnekte bir de target özniteliği verilmiştir.Adresi verilen web sayfasının başka bir pencerede açılmasını isterseniz target=”_blank” komutunu eklemeniz gerekir.Aynı pencerede açılmasını isterseniz de target=”_top” olmalıdır,ya da hiç belirtmezseniz de olur.

alnumel ana sayfa

alnumel ana sayfa

Eğer hazırladığınız dökümanlar arasında bir bağlantı kurmak istiyorsanız, etiketini aşağıdaki gibi kullanmalısınız.Önceki sayfa

Bir mail adresine link vermek istiyorsanız:

Mail atmak için tıklayın.

Mail atmak için tıklayın.Bu linke tıklandığında bilgisayarda kullanıcıya ait mail programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.

Bu sayfada olduğu gibi aynı döküman içinde bağlantı kurmak istersek de:

Linklere git

kalıbını kullanırız,ve bağlantı kurmak istediğimiz yere,mesela linkler başlığına:

Linkler

şeklinde bir ekleme yaparız.

RESİM EKLEME:

Resim ekleme:

şeklinde olur.Dikkat etmemiz gerekenler kulanacagimiz imajın “.jpg” ya da “.gif” formatında olması ve dizin yapısıdır.

Öznitelikler:

alt: Resme açıklama vermemizi sağlar.Mouse’ı resmin üstüne getirdiğimizde,alt özniteliğinde yazılan açıklama ekranda çıkar.Eğer resim açılmazsa,onun yerine açıklama görünür.

src=”" : Resim dosyasının kaynağını belirtir.

** Eğer artalanda bir imajın çıkması istenirse:

şeklinde yazılır.

LİSTELER:

Üç çeşit liste vardır:

i.Sıralı Liste(Ordered List):

Örnek:

Çerezler: Kavurga Çekirdek Misir Cips Içkiler: Bira Votka Sarap Viski Raki

Çerezler: Kavurga Çekirdek Misir Cips Içkiler: Bira Votka Sarap Viski Raki

Örnekte görüldüğü gibi type özniteliği sıralı listenin türünü belirler.

type: {1,a,A,I,i}

Listeye bir değer vererek istediğimiz sayıdan başlatabiliriz:

Örnek:

Çerezler: Kavurga Çekirdek Misir Cips

Çerezler: Kavurga Çekirdek Misir Cips

ii.Sırasız Liste(Unordered List):

Örnek:

Çerezler: Kavurga Çekirdek Misir Cips Içkiler: Bira Votka Sarap Viski Raki

Çerezler: Kavurga Çekirdek Misir Cips Içkiler: Bira Votka Sarap Viski Raki

Gene burda da type özniteliği sıralı listenin türünü belirler.

type:{square,disc,circle}

iii.Tanımlama Listeleri (Definition List):

Örnek:

Karbonhidrat ve ben En çok bol karbonhidratlı yemekleri severim,özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mantıya da bayılırım. Sebze ve ben Sebzeyle aram pek iyi değildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun dışında dolma, sarma da güzeldir. Et ve ben Et seven bir insanımdır. Her çeşit kebabı afiyetle yerim. Kırmızı olsun, beyaz olsun, hemen hemen bütün etleri yerim. Balık seçerim ama.

Karbonhidrat ve ben En çok bol karbonhidratli yemekleri severim,özellikle de makarna ve türevlerini. Lazanya favorimdir. Pizza ve mantiya da bayilirim. Sebze ve ben Sebzeyle aram pek iyi degildir ama taze fasulye oldukça lezziz bir yiyecektir. Onun disinda dolma, sarma da güzeldir. Et ve ben Et seven bir insanimdir. Her çesit kebabi afiyetle yerim. Kirmizi olsun, beyaz olsun, hemen hemen bütün etleri yerim. Balik seçerim ama.

TABLOLAR:

Tablolar

etiketleri arasında yapılır.