Bazı html tagları hakkında açıklamalı referans listesi

Önemli Not: Eğer HTML 2.0, HTML 3.0, HTML 3.2, HTML 4, HTML 5 uzantıları arasındaki fark hakkında tam bir bilginiz yok ise size HTML gelişimi ile ilgili olan W3C statement dökümanını okumanızı tavsiye ederiz.

TEMEL TAGLAR

<!DOCTYPE> Defines the document type
<html> Defines an HTML document
<title> Defines a title for the document
<body> Defines the document’s body
<h1> .. <h6> Defines HTML headings
<p> Defines a paragraph
<br> Inserts a single line break
<hr> Defines a thematic change in the content
<!–…–> Defines a comment

BİÇİMLENDİRME

<acronym> Not supported in HTML5. Use <abbr> instead.
Defines an acronym
<abbr> Defines an abbreviation
<address> Defines contact information for the author/owner of a document/article
<b> Defines bold text
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo> Overrides the current text direction
<big> Not supported in HTML5. Use CSS instead.
Defines big text
<blockquote> Defines a section that is quoted from another source
<center> Not supported in HTML5. Use CSS instead.
Defines centered text
<cite> Defines the title of a work
<code> Defines a piece of computer code
<del> Defines text that has been deleted from a document
<dfn> Defines a definition term
<em> Defines emphasized text
<font> Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
<i> Defines a part of text in an alternate voice or mood
<ins> Defines a text that has been inserted into a document
<kbd> Defines keyboard input
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<pre> Defines preformatted text
<progress> Represents the progress of a task
<q> Defines a short quotation
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<s> Defines text that is no longer correct
<samp> Defines sample output from a computer program
<small> Defines smaller text
<strike> Not supported in HTML5. Use <del> instead.
Defines strikethrough text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<time> Defines a date/time
<tt> Not supported in HTML5. Use CSS instead.
Defines teletype text
<u> Defines text that should be stylistically different from normal text
<var> Defines a variable
<wbr> Defines a possible line-break

FORMLAR

<form> Defines an HTML form for user input
<input> Defines an input control
<textarea> Defines a multiline input control (text area)
<button> Defines a clickable button
<select> Defines a drop-down list
<optgroup> Defines a group of related options in a drop-down list
<option> Defines an option in a drop-down list
<label> Defines a label for an <input> element
<fieldset> Groups related elements in a form
<legend> Defines a caption for a <fieldset> element
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation

FRAMELER (ÇERÇEVELER)

<frame> Not supported in HTML5.
Defines a window (a frame) in a frameset
<frameset> Not supported in HTML5.
Defines a set of frames
<noframes> Not supported in HTML5.
Defines an alternate content for users that do not support frames
<iframe> Defines an inline frame

RESİMLER

<img> Defines an image
<map> Defines a client-side image-map
<area> Defines an area inside an image-map
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
<figcaption> Defines a caption for a <figure> element
<figure> Specifies self-contained content

SES ve VİDEO

<audio> Defines sound content
<source> Defines multiple media resources for media elements (<video> and <audio>)
<track> Defines text tracks for media elements (<video> and <audio>)
<video> Defines a video or movie

LİNKLER

<a> Defines a hyperlink
<link> Defines the relationship between a document and an external resource (most used to link to style sheets)
<nav> Defines navigation links

LİSTELER

<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dir> Not supported in HTML5. Use <ul> instead.
Defines a directory list
<dl> Defines a description list
<dt> Defines a term/name in a description list
<dd> Defines a description of a term/name in a description list
<menu> Defines a list/menu of commands
<menuitem> Defines a command/menu item that the user can invoke from a popup menu

TABLOLAR

<table> Defines a table
<caption> Defines a table caption
<th> Defines a header cell in a table
<tr> Defines a row in a table
<td> Defines a cell in a table
<thead> Groups the header content in a table
<tbody> Groups the body content in a table
<tfoot> Groups the footer content in a table
<col> Specifies column properties for each column within a <colgroup> element
<colgroup> Specifies a group of one or more columns in a table for formatting

BÖLÜMLER

<style> Defines style information for a document
<div> Defines a section in a document
<span> Defines a section in a document
<header> Defines a header for a document or section
<footer> Defines a footer for a document or section
<section> Defines a section in a document
<article> Defines an article
<aside> Defines content aside from the page content
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<summary> Defines a visible heading for a <details> element

META

<head> Defines information about the document
<meta> Defines metadata about an HTML document
<base> Specifies the base URL/target for all relative URLs in a document
<basefont> Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document

HARİCİ UYGULAMALAR

<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts
<applet> Not supported in HTML5. Use <object> instead.
Defines an embedded applet
<embed> Defines a container for an external (non-HTML) application
<object> Defines an embedded object
<param> Defines a parameter for an object

 

TEMEL ELEMANLAR


  Döküman tipi <HTML></HTML> (dosyanın başında ve sonunda)
  Konu Başlığı <TITLE></TITLE> (başlık içerisinde olmalı)
  Başlık <HEAD></HEAD> (tanımlayıcı bilgi, örneğin Konu Başlığı)
  Gövde <BODY></BODY> (sayfanın geri kalan kısmı)

 


YAPISAL TANIMLAMALAR


  Başlık <H?></H?> (6 seviye mevcuttur)
  Başlık Ayarı <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]  
  Bölme <DIV></DIV>  
  Bölme Ayarları <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>  
  Çift Tırnak <BLOCKQUOTE></BLOCKQUOTE> [*] (genelde içerden yazılmış görünür)
  Vurgulu <EM></EM> (genelde italik görünür)
  Aşırı Vurgulu <STRONG></STRONG> (genelde koyu görünür)
  Referans <CITE></CITE> (genelde italik görünür)
  Kod <CODE></CODE> (genelde program çıktıları için kullanılır)
  Örnek Çıkış <SAMP></SAMP>  
  Klavyeden Giriş <KBD></KBD>  
  Değişken <VAR></VAR>  
  Tanımlama <DFN></DFN> (yayğın kullanımı yoktur)
  Yazar Adresi <ADDRESS></ADDRESS>  
  Geniş Font <BIG></BIG>  
  Ufak Font <SMALL></SMALL>  

 


SUNU FORMATLAMA


  Koyu <B></B>  
  Italik <I></I>  
N3.0b Altçizgili <U></U> (yayğın kullanımı yoktur)
  Strikeout <STRIKE></STRIKE> (yayğın kullanımı yoktur)
N3.0b Strikeout <S></S> (yayğın kullanımı yoktur)
  Altyazı <SUB></SUB>  
  Üstyazı <SUP></SUP>  
  Yazı Makinası <TT></TT> (tek aralıklı yazılır)
  Ön formatlı <PRE></PRE> (metin olduğu şekilde ğösterilir)
  Genişlik <PRE WIDTH=?></PRE> (karakter cinsinden)
  Ortalama <CENTER></CENTER> [*] (metin ve grafik için)
N1.0 Yanıp Sönme <BLINK></BLINK>  
  Punto <FONT SIZE=?></FONT> (1-7 arasındadır)
  Punto Değiştirme <FONT SIZE=”+|-?”></FONT>  
N1.0 Temel Punto <BASEFONT SIZE=?> (1-7 arsında olup esas değeri 3 dür)
  Font Rengi <FONT COLOR=”#$$$$$$”></FONT>  
N3.0b Font Seçme <FONT FACE=”***”></FONT>  
N3.0b Ç Kolonlu Metin <MULTICOL COLS=?></MULTICOL>  
N3.0b Kolon Marjı <MULTICOL GUTTER=?></MULTICOL> (değeri 10 pixel dir)
N3.0b Kolon Genişliği <MULTICOL WIDTH=?></MULTICOL>  
N3.0b Boşluk <SPACER>  
N3.0b Boşluk Tipi <SPACER TYPE=horizontal| vertical|block>  
N3.0b Boşluk Boyutu <SPACER SIZE=?>  
N3.0b Boşluk Derinliği <SPACER WIDTH=? HEIGHT=?>  
N3.0b Boşluk Ayarları <SPACER ALIGN=left|right|center>  

 


LINKLER VE GRAFıKLER


  Herhangi Birşeye Link <A HREF=”URL”></A>  
  Hedefi Belli Link <A HREF=”URL#***”></A> (başka dökümanın içinde)
<A HREF=”#***”></A> (aynı dökümanın içinde)
N2.0 Hedef Çerceve <A HREF=”URL” TARGET=”***| |_blank|_self|_parent|_top”></A>  
  Döküman içinde Hedef Belirleme <A NAME=”***”></A>  
  ılinti <A REL=”***”></A> (yayğın kullanımı yoktur)
  Ters ılinti <A REV=”***”></A> (yayğın kullanımı yoktur)
  Resim Gösterme <IMG SRC=”URL”>  
  Ayarlar <IMG SRC=”URL” ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>  
N1.0 Ayarlar <IMG SRC=”URL” ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM>  
  Alternatif <IMG SRC=”URL” ALT=”***”> (Resim gösterilemiyor ise)
  Imagemap <IMG SRC=”URL” ISMAP> (bir program gerektirir)
  ıstemci Tarafında Imagemap <IMG SRC=”URL” USEMAP=”URL”>  
  Harita Tanımı <MAP NAME=”***”></MAP>  
  Harita Seçimi <AREA SHAPE=”RECT” COORDS=”,,,” HREF=”URL”|NOHREF>  
  Boyut <IMG SRC=”URL” WIDTH=? HEIGHT=?> (pixel cinsinden)
  Bordür <IMG SRC=”URL” BORDER=?> (pixel cinsinden)
  Çevre Boşluğu <IMG SRC=”URL” HSPACE=? VSPACE=?> (pixel cinsinden)
N1.0 Düşük Çözünürlüklü Proxy <IMG SRC=”URL” LOWSRC=”URL”>  
N1.1 ıstemci tarafından Çekilme <META HTTP-EQUIV=”Refresh” CONTENT=”?; URL=URL”>  
N2.0 Bütünleşik Obje <EMBED SRC=”URL”> (obje, sayfa içine yerleştirilir)
N2.0 Obje Boyutu <EMBED SRC=”URL” WIDTH=? HEIGHT=?>  

 


BÖLÜCÜLER


  Paragraf <P></P> [*] (Komutun kapatılması genelde gereksizdir)
  Metin Ayarlama <P ALIGN=LEFT|CENTER|RIGHT></P> [*]  
  Satır Başı <BR> (satır başına getirir)
  Clear Textwrap <BR CLEAR=LEFT|RIGHT|ALL>  
  Yatay Çizgi <HR>  
  Ayarlar <HR ALIGN=LEFT|RIGHT|CENTER>  
  Kalınlık <HR SIZE=?> (pixel cinsinden)
  Genişlik <HR WIDTH=?> (pixel cinsinden)
N1.0 Genişlik Yüzdesi <HR WIDTH=”%”> (sayfa genişliğinin yüzdesi)
  ıçi Dolu Çizgi <HR NOSHADE> (3 boyutlu görünmez)
N1.0 Satır Başı Yok <NOBR></NOBR> (satır basını engeller)
N1.0 Kelime Bölme <WBR> (satır başı yapılması gereken yerde)

 


LıSTELER


  Sırasız Liste <UL><LI></UL> (<LI> her liste elemanından önce)  
  Compact <UL COMPACT></UL>  
  Noktalı Tip <UL TYPE=DISC|CIRCLE|SQUARE> (bütün liste için)  
<LI TYPE=DISC|CIRCLE|SQUARE>    
  Sıralı Liste <OL><LI></OL> (<LI> her liste elemanından önce)  
  Compact <OL COMPACT></OL>  
  Numaralı Tip <OL TYPE=A|a|I|i|1> (bütün liste için)  
<LI TYPE=A|a|I|i|1>    
  Başlangıç Numarası <OL START=?> (bütün liste elemanları için)  
<LI VALUE=?>    
  Tanım Listesi <DL><DT><DD></DL> (<DT>=terim, <DD>=tanım)  
  Compact <DL COMPACT></DL>  
  Menu Listesi <MENU><LI></MENU> (<LI> her liste elemanından önce)  
  Compact <MENU COMPACT></MENU>  
  Dizin Listesi <DIR><LI></DIR> (<LI> her liste elemanından önce)  
  Compact <DIR COMPACT></DIR>  

 


ARKAPLAN VE RENKLER


  Arkaplan <BODY BACKGROUND=”URL”>  
  Arkaplan Rengi <BODY BGCOLOR=”#$$$$$$”> [*] (sıra kırmızı/yeşil/mavi)
  Metin Rengi <BODY TEXT=”#$$$$$$”> [*]  
  Link Rengi <BODY LINK=”#$$$$$$”> [*]  
  Ziyaret Edilmiş Link <BODY VLINK=”#$$$$$$”> [*]  
  Actif Link <BODY ALINK=”#$$$$$$”> [*]  

(Daha fazla bilgi için http://werbach.com/web/wwwhelp.html#color adresine bakınız)
http://www.ce.yildiz.edu.tr/wwwhelp.html#color (yerel kopya)

 


ÖZEL KARAKTERLER(hepsi küçük harf olmalıdır)


  Özel Karakter &#?; (?, ISO 8859-1 kodudur)
  < &lt;  
  > &gt;  
  & &amp;  
  &quot;  
  Tescilli Marka TM &reg;  
  Copyright &copy;  
  Non-Breaking Space &nbsp;  

(Tam liste için http://www.uni-passau.de/%7Eramsch/iso8859-1.html)
http://www.ce.yildiz.edu.tr/iso88591.html (yerel kopya)

 


TÜRKÇE KARAKTERLER


  ü &uuml; ü &#252; küçük harf noktalı u
  Ü &Uuml; Ü &#220; büyük harf noktalı U
  ö &ouml; ö &#246; küçük harf noktalı o
  Ö &Ouml; ö &#214; büyük harf noktalı O
  ğ &eth; ğ &#208; küçük harf yumuşak g
  ğ &ETH; ğ &#208; büyük harf yumuşak G
  ş &thorn; ş &#254; küçük harf çengelli s
  ş &THORN; ş &#222; büyük harf çengelli S
  ç &ccedil; ç &#231; küçük harf çengelli c
  Ç &Ccedil; Ç &#199; büyük harf çengelli C
  ı &yacute; ı &#253; küçük harf noktasız i
  ı &Yacute; ı &#221; büyük harf noktalı I

 


FORMLAR


  Form Tanımlama <FORM ACTION=”URL” METHOD=GET|POST></FORM>  
N2.0 Dosya Yükleme <FORM ENCTYPE=”multipart/form-data”></FORM>  
  Giriş Alanı <INPUT TYPE=”TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET”>  
  Alan ısmi <INPUT NAME=”***”>  
  Alan Değeri <INPUT VALUE=”***”>  
  ışaretli? <INPUT CHECKED> (Kutu ve yuvarlak)
  Alan Boyutu <INPUT SIZE=?> (karakter cinsinden)
  Max Uzunluk <INPUT MAXLENGTH=?> (karakter cinsinden)
  Seçenek Listesi <SELECT></SELECT>  
  Liste ısmi <SELECT NAME=”***”></SELECT>  
  Seçenek Numarası <SELECT SIZE=?></SELECT>  
  Çoklu Seçenek <SELECT MULTIPLE> (birden fazla seçilebilir)
  Opsiyon <OPTION> (seçilebilecek seçenekler)
  Belirlenmiş Seçenek <OPTION SELECTED>  
  Giriş Kutusu Boyutu <TEXTAREA ROWS=? COLS=?></TEXTAREA>  
  Kutu ısmi <TEXTAREA NAME=”***”></TEXTAREA>  
N2.0 Başa Dönen Metin <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>  

 


TABLOLAR


  Tablo Tanımlama <TABLE></TABLE> [*]  
  Tablo Bordürü <table border=?></TABLE>  
  Hücre Boşluğu <TABLE CELLSPACING=?>  
  Hücre Aralıkları <TABLE CELLPADDING=?>  
  ıstenen Genişlik <TABLE WIDTH=?> (pixel cinsinden)
  Genişlik Yüzdesi <TABLE WIDTH=”%”> (sayfa yüzdesi)
  Tablo Satırı <TR></TR>  
  Ayarlar <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>  
  Tablo Hücresi <TD></TD> (tablo satırı içinde yer almalı)
  Ayarlar <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>  
  Satır Başı Yok <TD NOWRAP>  
  Kaç Kolon üstüne <TD COLSPAN=?>  
  Kaç Satır Üstüne <TD ROWSPAN=?>  
N1.1 ıstenen Genişlik <TD WIDTH=?> (pixel cinsinden)
N1.1 Genişlik Yüzdesi <TD WIDTH=”%”> (tablonun yüzdesi)
N3.0b Hücre Rengi <TD BGCOLOR=”#$$$$$$”>  
  Tablo Başılğı <TH></TH> (koyu ve ortalanmış)
  Ayarlar <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>  
  Satır Başı Yok <TH NOWRAP>  
  Kaç Kolon üstüne <TH COLSPAN=?>  
  Kaç Satır Üstüne <TH ROWSPAN=?>  
N1.1 ıstenen Genişlik <TH WIDTH=?> (pixel cinsinden)
N1.1 Genişlik Yüzdesi <TH WIDTH=”%”> (tablo yüzdesi)
N3.0b Hücre Rengi <TH BGCOLOR=”#$$$$$$”>  
  Table Caption <CAPTION></CAPTION>  
  Ayarlar <CAPTION ALIGN=TOP|BOTTOM> (Tablonun altında/üstünde)

 


ÇERCEVELER


N2.0 Çerceve Dökümanı <FRAMESET></FRAMESET> (<BODY> yerine)
N2.0 Satır Yüksekliği <FRAMESET ROWS=,,,></FRAMESET> (pixel veya yüzde olarak)
N2.0 Satır Yüksekliği <FRAMESET ROWS=*></FRAMESET> (* = bağıl boyut)
N2.0 Kolon Genişliği <FRAMESET COLS=,,,></FRAMESET> (pixel veya yüzde)
N2.0 Kolon Genişiliği <FRAMESET COLS=*></FRAMESET> (* = bağıl boyut)
N3.0b Bordür Genişliği <FRAMESET BORDER=?>  
N3.0b Bordürler <FRAMESET FRAMEBORDER=”yes|no”>  
N3.0b Bordür Rengi <FRAMESET BORDERCOLOR=”#$$$$$$”>  
N2.0 Çerçeve Tanımı <FRAME> (tek bir çerçevenin içeriği)
N2.0 Dökümanı Gösterme <FRAME SRC=”URL”>  
N2.0 Çerçeve ısmi <FRAME NAME=”***”|_blank|_self| _parent|_top>  
N2.0 Marj Genişliği <FRAME MARGINWIDTH=?> (sol ve sağ marjlar)
N2.0 Marj Yüksekliği <FRAME MARGINHEIGHT=?> (üst ve alt marjlar)
N2.0 Scrollbar? <FRAME SCROLLING=”YES|NO|AUTO”>  
N2.0 Ebatlandırılamaz <FRAME NORESIZE>  
N3.0b Bordür <FRAME FRAMEBORDER=”yes|no”>  
N3.0b Bordür Rengi <FRAME BORDERCOLOR=”#$$$$$$”>  
N2.0 Bölünemez ıçerik <NOFRAMES></NOFRAMES> (frame desteklemeyen web tarayıcıları için)

 

JAVA


  Applet <APPLET></APPLET>  
  Applet Dosya ısmi <APPLET CODE=”***”>  
  Parametereler <APPLET PARAM NAME=”***”>  
  Applet Yeri <APPLET CODEBASE=”URL”>  
  Applet Tanımlayıcısı <APPLET NAME=”***”> (sayfa içinde başka yerde referans verilebilmesi için)
  Alternatif Metin <APPLET ALT=”***”> (Java desteklemeyen web tarayıcıları için)
  Ayarlar <APPLET ALIGN=”LEFT|RIGHT|CENTER”>  
  Boyut <APPLET WIDTH=? HEIGHT=?> (pixel cinsinden)
  Boşluklar <APPLET HSPACE=? VSPACE=?> (pixel cinsinden)

 

DİĞER


  Comment <!– *** –> (web tarayıcısı tarafından gösterilmez)
  HTML 3.2 Önsözü <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2//EN”> [*]  
  Aranabilirlik <ISINDEX> (aranabilir indis belirler)
  Prompt <ISINDEX PROMPT=”***”> (metin girişini sağlar)
  Arama Başlatma <A HREF=”URL?***”></a> (? işareti kullanılır)
  Dosyanın URL’si <BASE HREF=”URL”> (başlık içinde olmalıdır)
N2.0 Temel Pencere ısmi <BASE TARGET=”***”> (başlık içinde olmalıdır)
  ılinti <LINK REV=”***” REL=”***” HREF=”URL”> (başlık içinde olmalıdır)
  Meta Bilgi <META> (başlık içinde olmalıdır)
  Stil Sayfası <STYLE></STYLE> (yayğın kullanımı yok)
  Scripts <SCRIPT></SCRIPT> (yayğın kullanımı yok)

Kaynak werbach.com/barebones/TR_BBV30.HTM

Bir cevap yazın

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