HyperText Markup Language: Tasarım ve şablon oluşturma amaçlı kullanılan ana bilgisayar dilidir. Web sayfalarını hazırlamak için bu işaretleme diline ihtiyaç duyarız. Bunu yapmamız için programcı olmamıza gerek yoktur.
Çünkü html bir programlama dili değil, sadece verinin kendisidir.
Web’de dolaşırken karşılaştığımız sayfalara bir de başka bir gözle bakalım. Hepsi aslında yazılar, resimler ve videolardan oluşmuş sayfalardır. Birbirinden farkları ise konumlanış biçimleridir. Aynı kodların farklı kullanım biçimleriyle yorumlanmasıdır.
Genel işleyiş şu şekilde ilerler:
Tasarımcı web sayfanızı tasarlar. Yazılımcı önce 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 açtığımızda bu kodları okuyarak görsel olarak bize sunarlar.
Tanımlar her zaman açıklayıcı olmaz. Çok basit olan bir çok ş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 görelim.
HTML Kodunu Nerede Yazmalıyız?
Html kodu yazmamız için herhangi bir program yüklememize gerek yoktur. Notepad ile bile yazabiliriz. Yok illa ben bir program kullanmak isterim derseniz, bu iş için yapılmış bir çok program vardır. Ben Adobe Dreamweaver kullanıyorum. Aynı anda hem kodu hem de görsel 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 gerçekten de bu kadar kolay. Notepad’i açtık ve şimdi başlıyoruz. Öncelikle HTML sayfalarında olmazsa olmaz kodlarımızı birlikte yazalım.
<html>
<head>
<title>SitemizinAdı</title>
</head>
<body>
Sayfamızı Oluşturacağımız Alan.
</body>
</html>
Burada verdiğimiz kodlar tüm 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 açıldığını ve </> tagı ile kapandığını görürüz. Bu tagların içlerine 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?
Html: Sayfamızın en başında açmak 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 içine yazıldığı, alan bilgisini veren koddur.
p: İçerisine 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ı çizgili 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ıkça font küçülür ve her sayı bir öncekinin başlığı konumundadır.)
br: Satır atlamamızı sağlar. <br> tagını açtığımızda tekrar kapatmamıza gerek yoktur.
center: Yazıyı ortalamamızı sağlar.
img: Yazımıza resim eklememizi sağlar.
En çok kullanılar kodlar ile bir örnek yapıp öğrendiklerimizi pekiştirelim. Herkesin bilgisayarında bulunan notepad’i açalım ve aşağıdaki kodları kopyalayıp yapıştırıp masa üstüne *.html olarak kaydedelim. İşte bu kadar. Sonucu görmek için kullandığınız browserla açtığınız da kendi yaptığınız kodların derlenerek nasıl karşınıza çıktığını görebilirsiniz. Resim olarak istediğiniz bir resmi kullanabilirsiniz sadece dikkat etmeniz gereken şey html sayfanızla resminiz aynı yerde olmasıdır.
<html>
<head>
<meta charset="utf-8">
<title>Pazarlamasyon</title>
</head>
<body>
<h1><center>HTML Öğreniyorum</center></h1>
<p><b>Bold bir yazı yazmak istiyorum</b><br>
<u>Şimdide altı çizgili bir yazım olsun</u><br>
<i>İtalik yazı en favorim</i></p>
<img src="HTML.jpg" width="321" height="242" alt="html"/>
</body>
</html>
Ben de ilk bu kodlarla başlamıştım html dünyasına. Umarım bu makaleyi okuduktan sonra siz de heveslenip daha fazlasını öğrenmek için araştırmalara başlarsınız.
Siz de Pazarlamasyon'un aboneleri arasına katılın, tüm pazarlama konularında bilgilenin! Asla Spam mail almayacaksınız.
[mc4wp_form]