5 Nisan 2020 Pazar

HTML kodları.

HTML Kodları Nerede Yazılır?

Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri  gibi bir metin editörü ile Html sayfaları oluşturabilirsiniz.
Kod yazmayı daha kolay hale getirmek için dreamwear, Sublime Text, Brackets veya Notepad++ gibi programlar kullanılabilir. Yazılan html kodları kaydedilirken; htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.

HTML Yazım Kuralları

HTML Etiketleri (tag) “<” ve “>” işaretleri arasına yazılır.
Bir HTML öğesi genellikle içeriğin arasına yerleştirilen bir başlangıç ​​etiketi ve bitiş etiketinden oluşur. Örnek: <p>…….</p>
Bitiş etiketi, başlangıç ​​etiketi gibi yazılır, ancak etiket adından önce bir “/” eklenir. “<html>  </html>” , “<p> </p>” vb.

HTML <ol> Etiketi  – HTML Sıralı Liste Oluşturma

OL etiketi sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma
işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir.
Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından
başlayarak sıralı listenizi oluşturabilirsiniz.liste_html_1
Type parametresi kullanarak listenin rakamla mı harfle mi başlayacağını
belirleyebiliriz.
“A” harfi yerine küçük “a” harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle
olacaktır.
liste_html_2
“I” harfi yerine küçük”i” harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma
rakamları ile yapılacaktır.
liste_html_3
Sıralamanın her zaman “1” den veya “A” dan başlamasını istemeyebiliriz. Bu tür
durumlarda Start parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı “C” harfinden başlatmak istiyorsak start değerine “C” yazmak yerine “3” yazmak zorundayız.
liste_html_4
İç İçe Sıralı Liste Oluşturma
OL etiketlerini iç içe kullanarak listeler oluşturulabiliriz. Örneğimizde bilgisayar parçalarıyla ilgili basit bir liste gerçekleştirelim.
Ekran çıktısı:
liste_html_5
Bölümleme Etiketleri
articlesectionnavaside
headerfooterh1, h2, h3, h4, h5 ve h6

İçeriği Gruplama Etiketleri
paddresshrpre
blockquoteolulli
dldtddfigure
figcaptionmaindiv

Metin Düzenleme Etiketleri
aemstrong small 
sciteqdfn
abbrrubyrprt
rtcdatatimecode
varsampkbdsub
supibu
markbdibdospan
brwbr

Gömülü içerik Etiketleri
picturesourceimgiframe
embedobjectparamvideo
audiotrackmaparea

Tablo Etiketleri
tablecaptioncolgroupcol
tbodytheadtfoottr
tdth

Form Etiketleri
formlabelinputbutton
selectdatalistoptgroupoption
textareaoutputprogressmeter
fieldsetlegend

Hiç yorum yok:

Yorum Gönder