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