Merhabalar ilk dersimize başlamadan önce sizlere html hakkında biraz bilgi vermek istiyorum.
Devamını Oku »
HTML nedir?
HTML web sayfaları olşturmak için kullanılan bir dildir.
- HTML Hyper Text Markup Language kelimelerinin kısaltmasıdır.
- HTML bir biçimlendirme dilidir.
- Biçimlendirme dili biçimlendirme etiketlerinden (tag) oluşur.
- Taglar sayfanın biçimini belirlerler.
- Bir HTML dökümanı HTML tagları ve metinlerden oluşur. Bu metinler sitede görütülenmesini istediğimiz metinleridir.
- HTML dökümanları aynı zamanda web sayfaları olarakta adlandırılır.
- HTML sayfalarda haraketli, sesli etkileşimler yapmak için yeterli değildir.
HTML Temel Dökümanlar
<html>
<head>
<title>Bu Kısma Başlık</title>
</head>
<body>
görünecek metinler bu 2 tag arasına yazılır
</body>
</html>
not1; title sadece head etiketlerinin arasına yazılmaktadır.
not2;: açtığınız etiketi "/" (slash) ile kapatmamız gereklidir. kapatmadan bırakıldığında etiketler işe yaramayacaktır.
not3; etiketler tek yazı üzerinde aynı anda kullanıla bilir.
not4: açılan etiketlerde sıralama mevcuttur , bu sıralama şu şekilde ilerler;
örnek ; <b><u><i>Bilişim Teknolojileri</i></u></b>
yani , ilk açılan etiket son kapatılır , son açılan etiket ilk kapatılır.!
Başlık Öğeleri
<h1>En büyük başlıktır</h1>
<h2>2.En büyük başlıktır</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>En küçük başlıktır</h6>
Metin ögeleri
<p>bu bir paragraf</p>
<br> (satır atlama)
<strong>"Kalın yazı yazmayı sağlar</strong>
<b>"Strong gibi kalın yazı yazmamızı sağlar"</b>
<hr> (yatay çizgi)
<pre>Biçimlendirilmemiş yazılar buraya</pre>
<i> etiketi eğik yazımını sağlar.
<u> alt çizgi eklemeye sağlar.</u>
Yazı ve metinlerle ilgili bu kadar biçimlendirme kodu şuan için yeterlidir. İlerleyen konularda bunların biraz daha gelişmiş hallerini göreceğiz. Şu aşamada size tavsiyem not defterini açarak oluşturduğumuz örnek html sayfasına bakarak bir html yapı oluşturup, body tagları içerisinde üstte vermiş olduğumuz biçimlendirme kodlarını test etmenizdir. Not defterini açın, kodları yazın daha sonra Dosya >> Farklı Kaydet kısmına tıklayıp dosya adı kısmında ki *.txt’i silin dosyaadi.html şeklinde düzenleyip kaydet’e tıklayın daha sonra o dosyaya gidip tıkladığınız da yazmış olduğunuz kodların sonucunu tarayıcınızda göreceksiniz.
Eğer dosyaların uzantıları gözükmüyor ise ; herhangi bir klasörü açıp , sol üstten görünüm kutusunu seçtikten sonra sağ üst köşede "dosya adı uzantıları" adlı seçeneğe tik koymanız sorunu çözecektir.
yukarıdaki kodlara bakıp kafası karışanlar için örnek ;
Örnek bir html sayfası şu şekildedir;
<html>
<head>
<title>Site Başlığı</title>
</head>
<body>
Site içerik kısmı.
</body>
</html>