Html ile kodlama

Arif Ceylan/ Ocak 18, 2012/ HTML/ 0 comments

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

Leave a Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">
*
*