Html Etiketleri ve Anlamları

Haziran 18, 2016 0 Views
Html Etiketleri ve Anlamları html tags Ayhan ALTINOK

Front-end kodlamaya yeni başladıysanız Html etiketlerini ve anlamlarını bilmek size büyük fayda sağlayacaktır. Html5 ile gelen etiketleride bulubilirsiniz. Olabildiğince sadece ifadeler kullarak sizin için tanımlaya çalışayım. Html dili ile yapmış olduğum çalışmaları Html kategorisinden ulaşabilirsiniz. Size tavsiyem html ile güzel görünümler etmeniz çok zor olucaktır. Css ve JavaScript bilginizi geliştirirseniz Css ile güzel görümler JavaScript kullarakta dinamik sayfalar hazırlayabilirsiniz.

Html Nedir?

İşaretleme dili olan Html, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır. Chrome, Fİrefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına dönüştürür.

HTML Neler Sunuyor?

– Görsel, yazı ve video gibi içeriklerin web sayfasına konumlandırılmasını sağlamaktadır.

– Oluşturulan bu içeriklerin doğru şekilde internet sitelerinde görüntülenmesini sağlar.

– Arama motorlarına web siteleri hakkında bilgi verir.

Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri ya da word gibi ortalarda bir metin editörü html sayfaları oluşturabilir. Kod yazmayı daha kolay hale getirmek için dreamwear, sublime Text ve notepad++ gibi araçlar kullanılabilir. Yazılan html kodları kaydedilirken htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.

HTML Yazarken Dikkat Edilmesi Gerekenler

A- ,, şeklinde () büyüktür ifadesi ile yazılan birime tag denir.

B- Açılan etiketler kapatılmalıdır. Etiketler / işareti ile kapatılır.

C- Html kodları yazılırken Türkçe karakter yer almaz.

D- Bu etiketler yazılırken küçük ya da büyük harf tercih edilebilir. Ancak genellikle küçük harfler tercih edilir.

html etiketleri ve anlamları

Temel Html Etiketleri ve Anlamları

<! DOCTYPE> Belge türünü tanımlar
<html> Bir HTML belgesi tanımlar
<head> Belge için meta veri / bilgi içerir
<title> Belge için bir başlık tanımlar
<body> Belgenin gövdesini tanımlar
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
HTML başlıklarını tanımlar
<p> Bir paragraf tanımlar
<br> Tek satır sonu ekler
<hr> İçerikteki tematik bir değişikliği tanımlar
<! –…–> Bir yorum tanımlar

Biçimlendirme

<acronym> HTML5’te desteklenmez. Bunun yerine <abbr> kullanın.

Bir kısaltma tanımlar

<abbr> Bir kısaltma veya kısaltma tanımlar
<adres> Bir belgenin / makalenin yazarı / sahibi için iletişim bilgilerini tanımlar
<b> Kalın metni tanımlar
<bdi> Metnin, dışındaki diğer metinden farklı bir yönde biçimlendirilebilecek bir bölümünü yalıtır
<bdo> Geçerli metin yönünü geçersiz kılar
<big> HTML5’te desteklenmez. Bunun yerine CSS kullanın.

Büyük metni tanımlar

<blockquote> Başka bir kaynaktan alıntılanan bir bölümü tanımlar
<center> HTML5’te desteklenmez. Bunun yerine CSS kullanın.

Ortalanmış metni tanımlar

<cite> Bir eserin başlığını tanımlar
<code> Bir parça bilgisayar kodu tanımlar
<del> Bir belgeden silinen metni tanımlar
<dfn> İçerik içinde tanımlanacak bir terimi belirtir
<em> Vurgulanan metni tanımlar
<font> HTML5’te desteklenmez. Bunun yerine CSS kullanın.

Metin için yazı tipini, rengini ve boyutunu tanımlar

<i> Metnin bir bölümünü alternatif bir ses veya ruh halinde tanımlar
<ins> Bir belgeye eklenen metni tanımlar
<kbd> Klavye girişini tanımlar
<mark> İşaretli / vurgulanmış metni tanımlar
<meter> Bilinen bir aralıkta (bir ölçer) skaler ölçümü tanımlar
<pre> Önceden biçimlendirilmiş metni tanımlar
<progress> Bir görevin ilerlemesini gösterir
<q> Kısa bir teklif tanımlar
<rp> Ruby ek açıklamalarını desteklemeyen tarayıcılarda nelerin gösterileceğini tanımlar
<rt> Karakterlerin açıklamasını / telaffuzunu tanımlar (Doğu Asya tipografisi için)
<ruby> Yakut bir açıklama tanımlar (Doğu Asya tipografi için)
<s> Artık doğru olmayan metni tanımlar
<samp> Bir bilgisayar programından örnek çıktıyı tanımlar
<small> Daha küçük metin tanımlar
<strike> HTML5’te desteklenmez. Bunun yerine <del> veya <s> tuşlarını kullanın.

Üstü çizili metni tanımlar

<strong> Önemli metni tanımlar
<sub> Aboneli metni tanımlar
<sup> Üstyazılı metni tanımlar
<template> Sayfa yüklendiğinde gizlenmesi gereken içerik için bir kap tanımlar
<time> Belirli bir zamanı (veya tarih saatini) tanımlar
<tt> HTML5’te desteklenmez. Bunun yerine CSS kullanın.

Teletype metnini tanımlar

<u> Eklenmemiş ve normal metinden farklı olarak stilize edilmiş bazı metinleri tanımlar
<var> Bir değişken tanımlar
<wbr> Olası bir satır sonu tanımlar

Formlar ve Giriş

<form> Kullanıcı girişi için bir HTML formu tanımlar
<input> Bir giriş kontrolü tanımlar
<textarea> Çok satırlı giriş denetimi tanımlar (metin alanı)
<düğmesi> Tıklanabilir bir düğme tanımlar
<select> Bir açılır liste tanımlar
<optgroup> Açılır listede bir grup ilgili seçenek tanımlar
<option> Açılır listeden bir seçenek tanımlar
<label> <input> öğesi için bir etiket tanımlar
<fieldset> Bir öğedeki ilgili öğeleri gruplandırır
<legend> <fieldset> öğesi için resim yazısı tanımlar
<datalist> Giriş denetimleri için önceden tanımlanmış seçeneklerin bir listesini belirtir
<output> Bir hesaplamanın sonucunu tanımlar

çerçeveler

<frame> HTML5’te desteklenmez.

Çerçeve kümesindeki bir pencereyi (çerçeve) tanımlar

<frameset> HTML5’te desteklenmez.

Bir dizi çerçeve tanımlar

<noframes> HTML5’te desteklenmez.

Çerçeveleri desteklemeyen kullanıcılar için alternatif bir içerik tanımlar

<iframe> Satır içi bir çerçeve tanımlar

Görüntüler

<img> Bir görüntü tanımlar
<map> Bir istemci tarafı görüntü haritası tanımlar
<area> Görüntü haritasının içindeki bir alanı tanımlar
<canvas> Grafikleri komut dosyası kullanarak anında çizmek için kullanılır (genellikle JavaScript)
<figcaption> <figure> öğesi için resim yazısı tanımlar
<figure> Bağımsız içeriği belirtir
<picture> Birden çok görüntü kaynağı için kapsayıcı tanımlar
<svg> SVG grafikleri için bir kap tanımlar

Ses videosu

<audio> Ses içeriğini tanımlar
<source> Medya öğeleri için birden fazla medya kaynağı tanımlar ( <video> , <audio> ve <picture> )
<track> Medya öğeleri için metin izleri tanımlar ( <video> ve <audio> )
<video> Bir video veya film tanımlar

Bağlantılar

<a> Bir köprü tanımlar
<link> Bir belge ile harici bir kaynak arasındaki ilişkiyi tanımlar (stil sayfalarına bağlanmak için en çok kullanılır)
<nav> Gezinme bağlantılarını tanımlar

Listeler

<ul> Sırasız bir liste tanımlar
<ol> Sıralı bir liste tanımlar
<li> Bir liste öğesi tanımlar
<dir> HTML5’te desteklenmiyor. Bunun yerine <ul> kullanın.

Bir dizin listesi tanımlar

<dl> Bir açıklama listesi tanımlar
<dt> Açıklama listesindeki bir terimi / adı tanımlar
<dd> Açıklama listesindeki bir terimin / adın açıklamasını tanımlar

Tablolar

<table> Bir tablo tanımlar
<caption> Bir tablo başlığını tanımlar
<th> Tablodaki başlık hücresini tanımlar
<tr> Tablodaki bir satırı tanımlar
<td> Tablodaki bir hücreyi tanımlar
<thead> Başlık içeriğini bir tabloda gruplandırır
<tbody> Vücut içeriğini bir tabloda gruplandırır
<tfoot> Altbilgi içeriğini bir tabloda gruplandırır
<col> içindeki her sütun için sütun özelliklerini belirtir

 

Ekstra olarak yazım kurallarını ve standartlarını görmek isterseniz w3schools sitesinden inceleyebilirsiniz.

Wordpress Login Page (Giriş Sayfası) Tasarımı Değiştirme form 3 Ayhan ALTINOK

WordPress Login Page (Giriş Sayfası) Tasarımı Değiştirme

Wordpress kullanıcılarımız için güzel bir çalışma yapacağız. Sitemizi yönetmek için dashboard(panele) girerken login page (giriş sayfası) sayfamızdan sıkılmış olabilirsiniz. Küçük bir çalışma ile özel tasarımızını kendiniz hazırlayabilirsiniz. Konuyu…

JavaScript TC Kimlik No Doğrulama cover tc Ayhan ALTINOK

JavaScript TC Kimlik No Doğrulama

Bazı projelerinizde TC kimlik numarasını kullanmamız gerektiği durumlar olmuştur. Böyle durumlarda  sunucuyu yormadan anlık doğrulama yapmak hem sizin  hemde sucunuzun iş yükünü azaltmak için JavaScript kullanarak anlık doğrulama…

Yorumlar

Bir cevap yazın

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

Yorum Yaz
Yukarı Kaydır
Beni takip edin
Tema
Diller
Müzik
Search results will appear here