HTML DERSLERİ
HTML SAYFASI NASIL YAPILIR? NELERE İHTİYAÇ VARDIR?
HTML derslerine başlamadan önce, HTML sayfasının (web sayfasının) nasıl yapıldığını en basit haliyle açıklayalım.
Ama önce, html kodları ile ilgili basit bir cümle: HTML kodları dediğimiz kodlar, aslında (İngilizce’de) tag denilen takılardır. İnternet siteleri sayfalardan oluşurlar ve sayfalar da kodlardan.. HTML kodları da, belirli bir yazı ve imla düzenine sahip taglardır.. (bkz html kodları )
Öncelikle, bize kelime işlemci program lazım. Mesela, MS Windows işletim sistemlerindeki Notepad veya çoğu webmaster arkadaşımızın kullandığı Notepad++ programı ilk aşama için yeterlidir.
Ama ben yaptığım işlemin etkisini anında görmek istiyorum diyorsanız o halde WYSIWYG türü program (yazılım) edinmeniz şarttır. Bunlara örnek olarak: Microsoft Frontpage ve Adobe Dreamweaver verilebilir.
Bu kısa açıklamadan sonra HTML Ders anlatımına başlayalım.
Notepad++ uygulamamızı açıyoruz. Ve içine aşağıdaki kodları yazıyoruz.
1 2 3 4 5 6 7 8 | <html> <body> <h1>BU İLK BAŞLIĞIM</h1> <p>Bu da ilk paragrafımdır. HTML Ders Sayfası içinde yazdığım yazılar burada görünüyor.</p> </body> </html> |
Şimdi, yukarıda yazılanların ne anlama geldiğini inceleyelim. Bu arada birkaç html kuralını da zikretmiş olalım.
- html kodları köşeli parantez içerisine yazılır.
- html kodlarını, html tagları olarak da adlandırabiliriz.
- bir html kodu açıldıktan sonra, kapatılmalıdır. aksi halde içerik birbirine girer ve hata alırsınız veya sayfa bomboş görünür.
Şimdi de taglara (kodlara) bakalım:
html –> tarayıcıya bu dosyanın ne dosyası olduğunu anlatır.
body –> buraya ne yazarsanız sayfanızda görünür.
h1 –> Header, yani başlık anlamına gelir.
p –> paragraf yazacağımız zaman bu tagı kullanırız.
Bu kısa açıklamadan sonra, Notepad içerisine (tabi sol taraftaki rakamlar olmadan) yazdığımız kodları kaydederek, ilk sayfamızı görüntüleyelim.
Bunun için dosya menüsünden Farklı Kaydet’i seçerek dosyamıza isim veriyor ve uzantısını html olarak belirtiyoruz (dosyaadi.html). Alttaki Dosya Türü bölümünden ise Tüm Dosyalar’ı seçip, dosyamızı kaydedeceğimiz klasöre gelerek Kaydet (veya farklı kaydet) tıklıyoruz.
Buradan, dosyayı kaydettiğimiz klasörü açtığımızda, karşımıza dosyaadi.html adlı bir dosya çıkacak. Çift tıkladığımızda, dosyanın geçerli internet tarayıcımız aracılığıyla açılarak bizlere yazmış olduğumuz içeriği gösterdiğini görürüz.
Sayfada ne yazılı olduğu, sizlere tanıdık geldi mi?
Bu şekilde bir internet sayfası yapmış ve HTML Ders bölümünün birinci ünitesini bitirmiş olduk.
HTML DERS – İkinci Ünite
Şimdi, HTML dersleri ikinci ünitesinde, oluşturduğumuz html dosyasını biraz daha geliştirerek, birkaç tag daha öğrenmeye çalışalım.
(yakında…)