HTML Dersleri - Ders 1 - HTML'ye Giriş ve HTML Etiketleri
Merhaba arkdaşlar, bu paylaşacağım ilk konu olucak. Bu hesapta web tasarım hakkında konular paylaçacağım.İlk önce HTML dersleriyle başlayacağız, Sonuçta web tasarımın temeli budur.
Çoğu yerde HTML'ye Not defterinde başlanır bu yüzden yeni bir metin belgesi oluşturacağız.
Belgeyi oluşturmadan önce bilgisayarıma çift tıklayın sonra Görünüm menüsne basın, ordan Seçenklere basın ve klasor ve arama seçeneklerini değiştire basın ordan görünüm yerine gelin.
Bilinen dosya türleri için uzantıları gizleyi kapatın.
Bunu yaptıktan sonra masaüstüne gelip sağ tık yapın yeni yerine basın ve yeni metin belgesini oluştura basın. Dosyamızın bir adı (Yeni Metin Belgesi) ve soyadı (.txt) var. Tabiki html üzerine çalışacağımız için dosyamızın soyadını da .html yapacağız dosyamızın adını verirken dikkat etmemiz gerek kurallar var.
1-İngilizce harfler kullanın örneğin ı,ü,ö tarzı harfler kullanmayın
2-Dosyanızda boşluk bırakmayın örneğin Sayfa 1 yazmayın sayfa1 yazın illaki kullanıcam derseniz _ kullanın.
Bu şekilde dosyamızın adını koyuyoruz uygulama1, sayfa1 felan koyun. dosyamızın adını ve soyadını değiştirdikten sonra entera basın sizden onay isteyecek dosyanızın adını değiştirmek istior musunuz diye evete basın. Bunu yapmakla beraber simgenin değiştiğini farkediceksiniz, eyer uygulamanın üstüne tıklarsanız googlede çıkacaktır. Şimdi googlede açmayacağız sağ tıklayıp birlikte aça basın ve not defterini seçin. Artık html komutlarıyla tanışalım. Önceden belirtmek isterim hep not defterinde çalışma yapmayacağız.
<html> Etiketler küçüktür ve büyüktürün arasında olurlar ve genelde kapatılırlar. </html> herşey bu iki etiketin arasına yazılır.
<head></head> etiketi şuanlık sadece başlık etiketi <title></title> için kullanacağız.
Dediğim gibi <title> etiketi içine yazılan şeyi sayfayı açtığımızda sayfanın adı olarak gözükür. <title>TürkHackTeam</title> gibi...
<body></body> sayfadaki herşey bu iki etiketin arasında bulunur. Body en önemli etiketler arasında yer alır.
Örnek bir kullanım gösterelim.
<html>
<head><title>İlk Sayfa</title></head>
<body>
Merhaba Evren
</body>
</html>
İçine yazdığınız şey sayfayı açtığınızda gözükür.
Kaydete basıp kaydedelim daha sonra sayfamızı çalıştıralım. Üst kısımda Merhaba Evren yazısını görüceksiniz.
Yeni bir metin belgesi açalım ismini sayfa2.html die değiştirelim.
Şimdi üstte verdiğim gibi sayfamızı dolduralım. Şimdi yeni tanışacağımız etiketler.
1-<b> Yazıları kalın yapmakta kullanılır, kapatalın bir etikettir. </b>
2-<strong> b etiketi gibi yazıları kalın yapmakta kullanılır, kapatılır </strong>
3-<i> Yazıları italik (eğik) yapmakta kullanılır, kapatılır. </i>
4-<u> Yazıları altı çizili yapmakta kullanılır, kaptılan bir etikettir. </u>
5-<br> etiketi bir paragraf boşluğu alta konumlanmayı sağlar, kapatılmaz.
6-<br/> etiketi bir satır boşluğu alta konumlanmayı sağlar, kapatılmaz.
Birdahaki derstte görüşmek üzere, Umarım işinize yarar.