Font Ve Hr Etiketi Kullanımı

<FONT>
<FONT> etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiştirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir.
Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır.).
Örnek:
<FONT SIZE ="1"> Merhaba</FONT>
<FONT SIZE ="4"> Merhaba</FONT>
<FONT SIZE ="7"> Merhaba</FONT>
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Face: Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır. Örneğin Face=” Times New Roman” parametresi kullanıldığında yazı tipi Times New Roman olacaktır.
<font face=”Algerian” size=”7″ color=”purple”>Merhaba</font>
Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır.
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Face: Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır. Örneğin Face=” Times New Roman” parametresi kullanıldığında yazı tipi Times New Roman olacaktır.
<font face=”Algerian” size=”7″ color=”purple”>Merhaba</font>
Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır.
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Görünüm Düzenleme Etiketleri
<HR>
<HR> etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.
Size, çizilen çizginin kalınlığını belirlemek için kullanılır.
Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır.
Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır.
Örnek:
<hr size=“6” width=”200” align=“center”>

Metin Ve Görünüm Düzenleme Etiketleri (br,hx,u,ı,b)

Metin Düzenleme Etiketleri
Html etiketleri kullanılarak metinler üzerinde görsel düzenlemeler yapılabilir. Bir metnin rengi, şekli, boyutu vs. üzerindeki değişiklik ve düzenlemelerin html etiketlerini kullanarak nasıl yapılacağına bakalım.

<HX>
<HX> etiketleri, dokümana başlık eklemek için kullanılan etiketlerdir. <hx> etiketindeki “x” ifadesi, 1’den 6’ya kadar değer almaktadır. Sayı azaldıkça yazı büyüklüğünde artış olmaktadır. Buradaki <h1>…</h1> en büyük başlığı, <h6>…</h6> ise en küçük başlığı gösterir.

 

<HX> ile kullanılacak parametrelerden birisi “align” parametresidir.
Align parametresi, Left (sola hizala), right (sağa hizala), center (ortala), justify (iki yanayasla) değerlerini alabilir.
<h1 align=”center”> Milli Eğitim Bakanlığı </h1> şeklinde yazıldığında “Milli Eğitim Bakanlığı” yazısı sayfaya ortalanmış bir şekilde yazılacaktır.

<B>
İstenilen metni kalın (bold) olarak yazmak için kullanılır.
Kullanımı:
<B>…</B> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore

 

<U>
İstenilen metni Altı çizili (underline) olarak yazmak için kullanılır.
Kullanımı:
<U>…</U> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore

 

<I>
İstenilen metni eğik(italik) olarak yazmak için kullanılır.
Kullanımı:
<I>…</I> şeklindedir.
Örnek:
Boş zaman yoktur boşa geçen zaman vardır. Tagore

 

<BR>
Enter tuşu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz.
Örnek:
Ey Türk Gençliği!
Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini,
ilelebet, muhafaza ve müdafaa etmektir.

 

<P>
Paragraf oluşturmak için kullanılan etikettir. Kullanıldığı yerde yazıyı kesip bir satır boşluk bırakarak, metne satır başından devam edilmesini sağlar.
Örnek:

 

 

Başka bir yazıda görüşmek üzere kodlamaya devam 🙂

Listeleme Etiketleri

Listeleme etiketleri yazacağınız nesneleri sıralı ve düzgün bir şekilde sayfada görüntülememize yardımcı olur. UL,OL,Lİ gibi etiketleri bulunur.

<OL>

Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz.
<ol> etiketi, <li> etiketi ile birlikte kullanılmalıdır.

Örnek 1:
Burada <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.

Type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz.
“A” harfi yerine küçük “a” harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle olacaktır.

 

“I” harfi yerine küçük”i” harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma rakamları ile yapılacaktır.

Sıralamanın her zaman “1” den veya “A” dan başlamasını istemeyebiliriz. Bu tür durumlarda Start parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı “C” harfinden başlatmak istiyorsak start değerine “C” yazmak yerine “3” yazmak zorundayız.

<UL>
<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.

Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.

Title Ve Meta Etiketleri Kullanım Şekilleri

Meta tag’lar HTML kodunuzun HEAD bölümüne yerleştirilmiş bilgi etiketleridir. Arama motorlarına site ve içeriği hakkında bilgi sunar.

Title

Aslında bu bir meta tag değil. Ama arama motorlarında sitenizin görünüşü ile ilgili olması yanı sıra tarayıcıların buraya yerleştireceğiniz ifadeyi pencerenin başlığında ve sayfa sık kullanılanlara eklenmek istenildiğinde kullanmaları nedeni ile önemli. Gerçekte bir HTML kodu olan <TITLE> ve </TITLE> etiketleri arasına sayfa başlığınız açıklayıcı biçimde yazmanız gerekiyor. Bu kodu ayrıca oluşturmanıza gerek yok, zaten her sayfada bulunuyor.

Metalar

Siteyi kodlayanın kendi ismini verdiği meta: <meta name=”author” content=”kodornekleri”>

Sitenin kısaca açıklaması: <meta name=”description” content=”sayfanın tanımını yazınız”>

<meta name=”keywords” content=”siteniz arama motorlarında hangi anahtar kelimelerle tanımlansın istiyorsanız buraya yazınız.”>
Şekillerinde yazılır.

HTTP-EQUIV: İçinde yer aldığı sayfanın, web server tarafından ziyaretçiye gönderilmesinde oluşturulacak karşılık başlığı bölümünde yer alacak bilgiler içerir.
Sıklıkla kullanılan meta etiketleri ve açıklamaları:
<meta http-equiv=Content-Type content="text/htm; charset=windows-1254">
<meta http-equiv=Content-Type content="text/htm; charset=iso-8859-9">
<meta http-equiv=Content-Type content="text/htm; charset=utf-8">
Bu etiketler Türkçe karakter sorununu ortadan kaldırmak ve Türkçe karakter desteği sağlamak için kullanılır.
<meta http-equiv=”expires” content =”Tarih”>

Güncelleme için kullanılır. İnternette açılan bir sayfa bilgisayara kaydedilir. Bu sayfa tekrar açılamak istendiğinde, bilgisayardaki kayıtlı sayfa açılır. Bu etiket ile belirtilen tarihten sonra bu sayfa açılmak istenirse sayfanın tekrardan serverdan yüklenmesi sağlanır.

<meta http-equiv="expires" content ="Wed, 29 Dec 2011 15:21:59 GMT">

<meta http-equiv=”refresh” content=”5; url=anasayfa.htm”>

Sayfanın belirtilen süre sonra yenilenmesini sağlar. Yukarıdaki örnekte sayfa 5 saniye sonra yenilenir ve URL de belirtilen anasayfa.htm sayfası açılır. Eğer URL boş bırakılırsa aynı sayfa tekrarlanır.

<meta name="robots" content="all veya none">

Hazırladığımız sayfanın arama motorlarının robotları tarafından taranmasına izin vermek veya engellemek için kullanılır. İzin için all, engelleme için none kullanılır.
Meta etiketi ile tanımlanan bilgiler kullanıcı tarafından görüntülenmez.

Diğer yazıda görüşmek üzere…

Background, Lİnk, Alink, Vlink Etiketleri

Background: Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.
Kullanımı;

<body background=”resim.jpg”>….</body>

Link: Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.

Alink: Web sayfanızdaki herhangi bir Linke tıklandığı zaman oluşacak rengin ne olacağını belirlemek için kullanılır.

Vlink: Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.

Html Etiketlerinin Kullanım Şekli Ve Olmazsa Olmaz Etiketler

Html Etiketlerinin Kullanım Şekli

Html etiketlerinin kullanımı oldukça basittir. <html> </html>, <head> </head>, <body> </body> gibi etiketler html sayfasının mutlaka olması gereken etiketleridir. <html> etiketi sayfanın tüm etiketlerini kapsayan etikettir yani;

Head Etiketi

Head etiketi İngilizce den de bildiğin gibi “kafa,baş” anlamına geliyor. Bu etiketin içine çağırmak istediğimiz css dosyasını meta etiketleri gibi temel kodları yazarız.

Örnek

<html>

<head>

</head>

<body bgcolor=”red”>

</body>

</html>

 

Body Etiketi

Body etiketi sayfada çalıştırdığımız bütün kodları buraya yazarız. İleride göstereceğim bütün etiketler bu etiket arasına yazılarak tarayıcıda çalışması sağlanır.

Yukarıda gördüğünüz gibi bgcolor kodunu body’e uyguladım yani bütün gövdeye uygulamış oldum. Bgcolor=”red” yazdığımda arka plan rengi komple kırmızı oldu.

HTML nedir?

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir. Html kodlaması oldukça basit fakat tek başına çok fazla işlevsel bir dil değildir. Şuanda internet üzerinde bulunan her web sayfası html ile kodlanıp javascript,php gibi dillerle dinamik hale getirilir.Html C++,C# gibi derleyicilere ihtiyaç duymadan web browserlar da yazdığımız kodun çıktısını almamızı sağlar.

Kullanım Şekli

Html sayfası oluştururken ilk önce bir metin belgesi oluşturuyoruz. Daha sonra .txt uzantılı metin belgesinin uzantısını .html veya .htm olarak değiştiriyoruz. Şuanda html dosyamız hazır artık kodlamaya başlayabilirsin :).