HyperText Markup Language: Tasarım ve şablon oluşturma amaclı kullanılan ana bilgisayar dilidir. Web sayfalarını hazırlamak icin bu işaretleme diline ihtiyac duyarız. Bunu yapmamız icin programcı olmamıza gerek yoktur. Cunku html bir programlama dili değil, sadece verinin kendisidir.


Web ’de dolaşırken karşılaştığımız sayfalara bir de başka bir gozle bakalım. Hepsi aslında yazılar, resimler ve videolardan oluşmuş sayfalardır. Birbirinden farkları ise konumlanış bicimleridir. Aynı kodların farklı kullanım bicimleriyle yorumlanmasıdır.


Genel işleyiş şu şekilde ilerler: Tasarımcı web sayfanızı tasarlar. Yazılımcı once tasarlanan bu sayfaları html kodlarıyla yazarak sayfa şablonlarını oluşturur. Sonrasın da ise bir programlama diliyle dışarıdan gelen verilerin html sayfamızdaki yerlerine ulaşması sağlanır. Kullandığımız browserlar web sitemizi actığımızda bu kodları okuyarak gorsel olarak bize sunarlar.


Tanımlar her zaman acıklayıcı olmaz. Cok basit olan bir cok şeyi tanımlarken kullandığımız terimler sanki karışık bir şeymiş gibi algılanabilir. Html de bunlardan biri. Birlikte ufak bir html yazarak konunun ne kadar basit olduğunu birlikte gorelim.

HTML Kodunu Nerede Yazmalıyız?

Html kodu yazmamız icin herhangi bir program yuklememize gerek yoktur. Notepad ile bile yazabiliriz. Yok illa ben bir program kullanmak isterim derseniz, bu iş icin yapılmış bir cok program vardır. Ben Adobe Dreamweaver kullanıyorum. Aynı anda hem kodu hem de gorsel kısmını bir arada sunması işimi kolaylaştırıyor.

HTML Kod Yazmaya Başlayalım mı?

Bu iş bu kadar kolay mı? Evet gercekten de bu kadar kolay. Notepad ’i actık ve şimdi başlıyoruz. Oncelikle HTML sayfalarında olmazsa olmaz kodlarımızı birlikte yazalım.



Kod:
SitemizinAdı Sayfamızı Oluşturacağımız Alan.



Burada verdiğimiz kodlar tum sitelerinizin HTML ’sini yazmaya başladığınızda sabit olarak yazmanız gerekenlerdir. Head kendimizi tanıttığımız alan, body ise sayfamızı şekillendirdiğimiz kısımdır.
Kodlarımıza dikkatli bakarsak bir kodun tagı ile acıldığını ve tagı ile kapandığını goruruz. Bu tagların iclerine ilgili kodları yazarız. Bu kodlar standarttır. Sadece hangi kodun ne işe yaradığını bilmeniz yeterlidir.

HTML ’de Kullanılan Başlıca Kodlar Nelerdir?


Kod:
Html: Sayfamızın en başında acmak ve en sonunda da kapatmak zorunda olduğumuz html dilinde kodlama yapacağımız anlamına gelen koddur. Head: Sayfamızla ilgili bilgilerin ve tanımların yer aldığı koddur. Body: Sayfamızın tasarım alanın icine yazıldığı, alan bilgisini veren koddur. p: İcerisine paragraf yazılan tagdır. b: Yazınızın bold olmasını sağlar. i: Yazınızın italik olmasını sağlar. u: Yazınızın altını cizgili yapar. h1: Yazınızın başlık konumunda olduğunu belirtmenizi sağlar (h tagları 1 2 3 4 5 6 dır. Sayı attıkca font kuculur ve her sayı bir oncekinin başlığı konumundadır.) br: Satır atlamamızı sağlar.
tagını actığımızda tekrar kapatmamıza gerek yoktur. center: Yazıyı ortalamamızı sağlar. img: Yazımıza resim eklememizi sağlar.



En cok kullanılar kodlar ile bir ornek yapıp oğrendiklerimizi pekiştirelim. Herkesin bilgisayarında bulunan notepad ’i acalım ve aşağıdaki kodları kopyalayıp yapıştırıp masa ustune *.html olarak kaydedelim. İşte bu kadar. Sonucu gormek icin kullandığınız browserla actığınız da kendi yaptığınız kodların derlenerek nasıl karşınıza cıktığını gorebilirsiniz. Resim olarak istediğiniz bir resmi kullanabilirsiniz sadece dikkat etmeniz gereken şey html sayfanızla resminiz aynı yerde olmasıdır.



Kod:
Pazarlamasyon [h=1]HTML Oğreniyorum[/h] Bold bir yazı yazmak istiyorum
Şimdide altı cizgili bir yazım olsun
İtalik yazı en favorim