Html ile kodlama
Html etiket (tag)lerden oluşmaktadır. Her bir etiket küçük işareti (<) ile büyük işareti (>) arasına yazılmaktadır.
Örnek: <b> , <html> <i>
html etiketlerinin çoğu etiketin etkileyeceği bölüm bittikten sonra kapatılmaktadır. Kapatılması için küçük işaretinden sonra / kullanılmaktadır.
Örnek: </html>, </b>
<b> etiketi yazıları kalınlaştırmak için kullanılmaktadır.
<b> Arif CEYLAN </b> şeklinde yazıldığında içerisindeki Arif CEYLAN yazısını kalınlaştırmaktadır. <b> ve </b> etiketlerinin dışında olan bölüme etki etmemektedir.
Basit bir html sayfası;
<html> (sayfalar <html> etiketleriyle başlar)
<head><title>ilk sayfamız </title></head> (Sayfa başlığı, site hakkında bilgiler vs. head etiketi içerisine yazılmaktadır. Örnekteki title etiketi sayfanın üst bölümünde, pencere üstünde gözüken başlıktır. Google aramalarında da sayfa başlığının büyük etkisi vardır)
<body> (Sayfamızın gözüken kısmı body etiketleri arasına yazılır. Body sayfada bir defa açılır ve kapanır)
Merhaba. Hoşgeldiniz
</body> (sayfamızın gözüken kısmının bitişi)
</html> (html kodlarının bitişi, en başta açılır ve en sonda kapanır)
sayfa içerisinde (body etiketleri arasında) kullanılabilecek bazı kodlar;
<strong>ISTANBUL</strong> (Kalın bir şekilde ISTANBUL yazar)
<i>ISTANBUL</i> (italik (eğimli) ISTANBUL yazar)
<u>ISTANBUL</u> (altı çizili bir şekilde ISTANBUL yazar)
Not defterini açarak aşağıdaki kodları yazın ve kopyalayıp yapıştırın. Kaydederken dosya uzantısını html veya htm yapın. Örneğin sayfam.html …
Kaydettiğiniz dosyaya tıkladığınızda artık bir web sayfası gibi açıldığını göreceksiniz.
<html>
<head><title>ilk sayfam</title></head>
<body>
<strong> Bu yazı kalın yazılmıştır</strong> Bu yazı normaldir. <u> Bu yazı altı çizilidir</u>
</body>
</html>
Etiketlerde parametre kullanımı;
Etiketler içerisinde etiketlerin bazı özellikleri kullanılabilemektedir. Örneğin;
<img> resim ekleme etiketidir.
Parametre eklemek için komuttan sonra büyük işareti eklemeden önce boşluk bırakıp parametrenin adını,= işaretini ve tırnak içerisinde değeri girmek gerekmektedir.
Örneğin; <img src=”arif.jpg”>
Parametre adı src, değer arif,jpg dir.
bir etikete birden fazla parametre eklenebilmektedir. eklenen parametrelerin sırasının önemi yoktur.
<img src=”arif.jpg” width=”100px” height=”50px”>