Bu yazımızda bulabileceğiniz en iyi eksiksiz yapılandırılmış HTML hile sayfası ve komutlarının neler olduğunu inceleyelim .
Temel Etiketler
<html> </html> - Bir HTML belgesi oluşturur
<head> </head> - Görüntülenmeyen başlığı ve diğer bilgileri ayarlar
<body> </body> - Belgenin görünen kısmını ayarlar
<title> </title>- Belgenin adını başlık çubuğuna koyar;
sayfalara yer işareti koyarken , bu yer işareti koyulur
Biçimlendirme
<p> </p> - Yeni bir paragraf oluşturur
<br> - Satır sonu ekler (satır başı)
<blockquote> </blockquote> - İçeriği teklife koyar - metni her iki taraftan da girintiler
<div> </div> - Blok içeriğini CSS ile biçimlendirmek için kullanılır
<span> </span> Satır içi içeriği CSS ile biçimlendirmek için kullanılır
Vücut özellikleri
<body bgcolor="?"> - Bir ad veya onaltılık değer kullanarak arka plan rengini ayarlar
<body text="?"> - Ad veya onaltılık değer kullanarak metin rengini ayarlar
<body link="?"> - Adı veya onaltılık değeri kullanarak bağlantıların rengini ayarlar
<body vlink="?"> - Bir ad veya onaltılık değer kullanarak ziyaret edilen bağlantıların rengini ayarlar
<body alink="?"> - Etkin bağlantıların rengini ayarlar (fare tıklarken)
Listeler
<ul> </ul> - Sırasız bir liste oluşturur
<ol start=?> </ol> - Sıralı bir liste oluşturur (başlangıç = xx, burada xx bir sayım numarasıdır)
<li> </li> - Her liste öğesini kapsar
<dl> </dl> - Bir tanım listesi oluşturur
<dt> - Her tanım teriminden önce gelir
<dd> - Her tanımın önünde yer alır
Metin Etiketleri
<pre> </pre> - Önceden biçimlendirilmiş metin oluşturur
<h1> </h1>-> <h6> </h6>- Başlıklar oluşturur - H1 = en büyük, H6 = en küçük
<b> </b>- Kalın metin oluşturur ( bunun yerine kullanılmalıdır)
<i> </i>- İtalik metin oluşturur ( bunun yerine kullanılmalıdır)
<tt> </tt> - Daktilo tarzı metin oluşturur
<code> </code> - Kaynak kodunu tanımlamak için kullanılır, genellikle tek aralıklı
<cite> </cite> - Genellikle italik olarak işlenmiş bir alıntı oluşturur
<address> </address> - Genellikle italik olarak işlenen adres bölümü oluşturur
<em> </em> - Bir kelimeyi vurgular (genellikle italik olarak işlenir)
<strong> </strong> - Bir kelimeyi vurgular (genellikle kalın yazılır)
<font size=?> </font> - Yazı tipi boyutunu ayarlar - 1 ila 7 (bunun yerine CSS kullanılmalıdır)
<font color=?> </font> - Yazı tipi rengini ayarlar (bunun yerine CSS kullanılmalıdır)
<font face=?> </font> - Kullanılan yazı tipini tanımlar (bunun yerine CSS kullanmalıdır)
Grafik öğeler
<hr> - Yatay bir kural ekler
<hr size=?> - Yatay cetvelin boyutunu (yüksekliğini) ayarlar
<hr width=?> - Kuralın genişliğini ayarlar (% veya mutlak piksel uzunluğu olarak)
<hr noshade> - Gölgesiz yatay bir kural oluşturur
<img src="URL" />- Görüntü ekler; URL'de bulunan ayrı bir dosyadır
<img src="URL" align=?> - Görüntüyü sola / sağa / orta / alt / üst / orta hizalar (CSS kullanın)
<img src="URL" border=?> - Resmi çevreleyen kenarlığın boyutunu ayarlar (CSS kullanın)
<img src="URL" height=?> - Piksel cinsinden görüntünün yüksekliğini ayarlar
<img src="URL" width=?> - Piksel cinsinden görüntünün genişliğini ayarlar
<img src="URL" alt=?> - Görüntüleri işleyemeyen tarayıcılar için alternatif metni ayarlar (ADA için gereklidir)
Bağlantılar
<a href="URL">clickable text</a> - Bir Tekdüzen Kaynak Konum Belirleyiciye bir köprü oluşturur
<a href="mailto:EMAIL_ADDRESS">clickable text</a> - Bir e-posta adresine bir köprü oluşturur
<a name="NAME"> - Bir belge içinde bir hedef konum oluşturur
<a href="#NAME">clickable text</a> - Bu hedef konuma bir bağlantı oluşturur
Formlar
<form> </form> - Bir form tanımlar
<select multiple name=? size=?> </select>- Kayan bir menü oluşturur. Boyut, kullanıcının kaydırması gerekmeden önce görünen menü öğelerinin sayısını ayarlar.
<select name=?> </select> - Bir açılır menü oluşturur
<option> - Her bir menü öğesini ayarlar
<textarea name=? cols="x" rows="y"></textarea>- Bir metin kutusu alanı oluşturur. Sütunlar genişliği ayarlar; satırlar yüksekliği ayarlar.
<input type="checkbox" name=? value=?> - Bir onay kutusu oluşturur.
<input type="checkbox" name=? value=? checked> - Önceden kontrol edilmiş bir onay kutusu oluşturur .`
<input type="radio" name=? value=?> - Bir radyo düğmesi oluşturur.
<input type="radio" name=? value=? checked> - Önceden kontrol edilmiş bir radyo düğmesi oluşturur.
<input type="text" name=? size=?>- Tek satırlık bir metin alanı oluşturur. Boyut, karakter cinsinden uzunluğu belirler.
<input type="submit" value=?>- Gönder düğmesi oluşturur. Değer, gönder düğmesindeki metni ayarlar.
<input type="image" name=? src=? border=? alt=?> - Bir resim kullanarak gönder düğmesi oluşturur.
<input type="reset"> - Bir sıfırlama düğmesi oluşturur
HTML5 giriş etiketi nitelikleri
<input type="email" name=?> - E-posta adresleri için tek satırlık bir metin kutusu ayarlar
<input type="url" name=?> - URL'ler için tek satırlık bir metin kutusu ayarlar
<input type="number" name=?> - Bir numara için tek satırlık bir metin kutusu ayarlar
<input type="range" name=?> - Bir dizi sayı için tek satırlık bir metin kutusu ayarlar
<input type="date/month/week/time" name=?> - Tarih / ay / hafta / saati gösteren bir takvime sahip tek satırlık bir metin kutusu ayarlar
<input type="search" name=?> - Arama için tek satırlık bir metin kutusu ayarlar
<input type="color" name=?> - Bir renk seçmek için tek satırlık bir metin kutusu ayarlar
Tablolar
<table> </table> - Bir tablo oluşturur
<tr> </tr> - Bir tablodaki her satırı ayarlar
<td> </td> - Her bir hücreyi arka arkaya ayarlar
<th> </th> - Tablo başlığını ayarlar (kalın, ortalanmış metin içeren normal bir hücre)
Tablo özellikleri
<table border=?> - Tablo hücrelerinin etrafındaki kenarlığın genişliğini ayarlar
<table cellspacing=?> - Tablo hücreleri arasındaki boşluk miktarını ayarlar
<table cellpadding=?> - Bir hücrenin kenarlığı ile içeriği arasındaki boşluk miktarını ayarlar
<table width=?> - Tablonun genişliğini piksel veya yüzde olarak ayarlar
<tr align=?> - Satırdaki hücreler için hizalamayı ayarlar (sol / orta / sağ)
<td align=?> - Hücreler için hizalamayı ayarlar (sol / orta / sağ)
<tr valign=?> - Satırdaki hücreler için dikey hizalamayı ayarlar (üst / orta / alt)
<td valign=?> - Hücre için dikey hizalamayı ayarlar (üst / orta / alt)
<td rowspan=?> - Bir hücrenin yayması gereken satır sayısını belirler (varsayılan = 1)
<td colspan=?> - Bir hücrenin yayılması gereken sütun sayısını belirler
<td nowrap> - Hücre içindeki çizgilerin kırılarak sığmasını engeller