HTML Etiketleri

0
76
HTML Etiketleri

HTML Etiketleri ve dili üzerinde eğitim ve öğrenim süreci ile bilinmesi gereken kilit etiketler mevcuttur. Bu sebeple bu ilgili kelimeleri temel noktada bilmek ve gerekirse ezber yapmak gerekir. Bu önemli HTML etiketleri Başlıklar, Paragraflar ve Satır Atlatma etiketleridir.

HTML Etiketleri

Eğitim ve/veya öğrenim süreçlerindeki en iyi bilinçlenme ve gelişme süreci örnekler veya demo çalışmalar tarafınca tamamlanır. Webventur olarak sizlerin daha profesyonel örneğim sürecinizi tamamlamak için profesyonel bir editör hazırladık. Bu editör ile gerekli denemeler veya geliştirmeler yada farklı kaynak kodlarını ekleyerek anlık olarak test edebilirsiniz.

Denemek İstersen – Örneklerimiz

Aşağıdaki linklerden hem örneklerimizi hemde editörümüz üzerinde geliştirmeler yapabilirsiniz.

Basit HTML Dökümanı

HTML Etiketlerini kullanarak oluşturduğumuz basit bir HTML dokümanı linktedir.

Paragraflar

HTML Paragraf etiket örneklerini linktedir.

Başlık Etiketleri

Başlıklar <h1> ve/veya <h2> dahil olmakla beraber aralarında bulunan tüm rakamlar kullanılarak isteğe göre tanımlanabilir. Etiketleri anlamı şu şekilde: <h1> en büyük ve kalın puntoyu belirtirken, <h6> ise en küçük ve ince puntoyu belirtmektedir. (Kullanılan font ve css seçeneklerine göre farklılık gösterebilir.)

<h1>Webventur Başlık 1</h1>
<h2>Webventur Başlık 1</h2>
<h3>Webventur Başlık 1</h3>
<h4>Webventur Başlık 1</h4>
<h5>Webventur Başlık 1</h5>
<h6>Webventur Başlık 1</h6>

HTML dili ve etiketleri otomatik olarak öncesinde ve/veya sonrasına bir satır atlama yapmaktadır.

Paragraf Etiketleri

Paragraflar Etiketi <p> olarak belirtilmektedir.

<p>Webventur Paragrafı</p>
<p>Webventur Adına Farklı Paragraf</p>

HTML dili genel etiketlerde olduğu gibi paragraf etiketlerinde de öncesi ve sonrasında bir satır atlama yapmaktadır.

Hatalı HTML Etiketleri

<h1>Webventur
<b>Webventur
<p>Webventur>

Doğru HTML Etiketleri

<h1>Webventur </h1>
<b>Webventur </b>
<p>Webventur </p>

Bir önceki başlıkta bulunan paragrafların son etiketi etiketinin (/) ile bittiğini görebilirsiniz. HTML etiketlerini kapatmasınız dahi bir çok browser bu tarz yorumlamalar yaparak hazırlanan sayfaları görsel olarak sunabiliyor. Ancak bu duruma dikkat ederek çalışmalar yaptığınızda hem alışkanlık haline getirmiş olursunuz hemde standartlara yönelik geliştirmeler yaparsınız. Yanı sıra gelecek versiyonlarda HTML dili üzerinde hiç bir etiketi atlamanıza izin vermeyecek ve hatalı da olsa çalışmayacaktır.

HTML Etiketleri ve Satır Atlatma

HTML Etiketlerinin geneli satır atlatabilir. Ancak fazlası ve kullanım alanına göre etiketi ile tanımlanabilir. Yanı sıra bu etiket paragraf vb etiketler açmamaktadır.

<p>Web<br>ventur<br>HTML Eğitimleri</p>

Satır Atlama

HTML etiketi olan etiketi boş bir etiket türüdür. Bu Etiket şeklinde kapanma etiketine ihtiyaç duymamaktadır.

Peki <br> mi <br /> mi?

Bir çok çalışma ve geliştirme süreçlerinde etiketinden ziyade etiketinin de yaygın kullanıldığını göreceksinizdir. HTML etiketleri arasında etiketi her hangi bir bitiş etiketi vs bulunmamaktadır.

HTML Etiketleri İçinde (Yorum) Açıklama Satırları Oluşturmak!

Bu HTML yorum satırlarını kullanmak profesyoneller için bir pratiklik doğurur. HTML kaynak kodları içerisinde çalışma yapılan alanın ne iş yaptığını ve/veya gördüğünü anlatmak için kullanılmaktadır. Bu satırları genel olarak tüm Tarayıcılar (Browser) yorumlarken dikkate almazlar.

<!-- Webventur Başlık Açıklaması -->
<h1>Webventur</h1>

HTML Temel Notlar ve Faydalı İpuçları

Geliştirdiğiniz HTML kodlarınızın farklı ve/veya çeşitli browser (Tarayıcı) üzerinde nasıl yorumlanacağı kestirilemez. Yanı sıra bir çok ziyaretçiler standart genişlikteki ekran ve/veya monitörlere sahipken bir çoğu yüksek boyutlardaki ekranlara sahiptirler. Bu nedenle kullanıcıların talep ettiği browserlar üzerinde ziyaretçilerin istekleri doğrultusunda değişikliklere göre farklılık gösterecektir. Bu sebeple hazırladığınız çalışmalarda kesinlikle fazladan boşluk vb teknik ve/veya yöntemler ile biçimlendirme yapmayın.

Standartlara yönelik çalışmalar da HTML fazladan koyduğunuz boşlukları otomatik olarak tek olarak yorumlayacaktır. HTML çalışmaları içerisinde boş satır kullanmak standartlara uymayan çalışma şeklidir. Bu çalışmaların yerine etiketini kullanmanız en doğrusu olacaktır. Yanı sıra şeklinde sıralı liste oluşturmaktan kaçının. Eğer bir listeleme ihtiyacınız var ise HTML Dersleri kategorimizi inceleyerek geliştirebilirsiniz.

Etiketler Açıklamalar
<html> HTML Dökümanı Olduğunu Belirtir.
<body> HTML Dökümanının Görüntülenecek Alanını Belirtir.
<h1> vs <h2> HTML Başlıkları Belirtir.
<p> HTML Paragrafları Belirtir.
<br> Boş Satır Bırakır.
<hr> Sayfada Yatay Çizgi Oluşturur.
<!- -> Yorum Satının Olduğunu Belirtir.

CEVAP VER

Please enter your comment!
Please enter your name here