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">