işinize yarar diye foruma ekliyorum, bende netten bulmuştum
World Wide Web dökümanları HTML (Hipertext Markup Language) adı verilen bir dille yazılırlar. Bu dil bir dökümanı gizli işaretlerle işaretleyerek Web dökümanları yaratılmasını sağlar. HTML, sayfalara yazılacak bilgilerin formatlarını, sayfalar arası bağlantıları vb işlemleri yapabileceğiniz bazı komutları içerir.
HTML 4.0’daki etiketlein çoğu aynı niteliklere sahiptir. Bunların en sık kullanılanları :
Accesskey = “Karakter” : Form denetimlerinde ve <a> etiketlerinde, doküman öğesine erişim için kullanılabilecek tek karakter.
Align = ”metin” : Bir dokümanın bir kısmındaki bilginin hizalanması.
Alt = “metin” : Resimleri, formları, nesneleri ve dökümanın diğer kısımlarını tanımlayan alternatif metin.
Char = “karakter” : Bir tablonun içeriği hizalanırken, bir hizalama ekseni olarak davranan karakter.
Target = ”metin” : Bir dökümanın içinde açılması gereken çerçevenin adı.
Title = “metin” : Bir doküman öğesi hakkında açıklayıcı metin.
Usemap = “URl” : Bir imagemapin doküman öğesi ile ilişkilendirilecek URl’si.
Valign = “metin” : Tablo hücreleri içindeki bilginin dikey hizalanması.
ETİKETLER
<!DOCTYPE...>
Bu etiket bir dökümanın ilk satırı olarak görünür ve kullanılan HTML versiyonunu belirtir. Başlangıç etiketi gereklidir; bitiş etiketi kullanılmaz. Aşağıdaki örnekteki gibi kullanılır :
<!DOCTYPE HTML PUBLIC”-//W3C//DTD HTML 4.0//EN” “http:://www.w3.org/TR/REC-html40/strict.dtd”>
Yukarıdaki gibi strict <!DOCTYPE> kullanıldığında doküman eski hiçbir şeyi ve çerçeveleri kullanmaz. Loose <!DOCTYPE> kullanıldığında doküman dilin görsel öğeleriyle ilgili bazı öğelerini kullanır. Frameset <!DOCTYPE> kullanıldığında ise bir önceki düzeydekiyle aynı eski öğeleri kullanır ve ayrıca çerçeveler içerir.
<A>...</A>
Bu etiket bir yer imini gösterir. Bu, WWW’de başka bir kaynakla ilişkili doküman parçasıdır. Bu aynı dökümanın iki kısmı arasında bağlantı yaratmak için de kullanılabilir. Başlangıç ve bitiş etiketi gereklidir.
Özellikleri : Coords = ”metin” : Bir imagemap alnının yer imiyle ilişkili geometrik şeklin koordinatları. Name = “metin” : Yer iminin ismi. Href = “URl” : Yer iminin ilişkilendirilmesi gereken Web üzerinde bir kaynak. Shape = “metin” : Yer imiyle ilişkili imagemap alanının geometrik şekli.
Bu etiket tüm dökümanın veya dökümanın bir kısmının yazarının irtibat bilgilerini içerir. Web tarayıcılarının çoğu bu etiket içindeki bilgileri faklı bir tarzda gösterir. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket, ekranda yanıp sönen yazılar göstermek için kullanılır. Başlangıç ve bitiş etiketi gereklidir.
<BLOCKQUOTE> ... </BLOCKQUOTE>
Bu etiket, doküman görüntülenirken kendi paragrafında görülmesi gereken bir alıntı metin bloğunu içerir. Kısa alıntılar <Q> etiketi içinde de kullanılabilir. Başlangıç ve bitiş etiketi gereklidir.
Bir alıntı söz konusu olmasa da, bir metin bloğuna girinti vermek için kullanılabilir.
Özellikleri : Cite = “URl” : Alıntının kaynağı hakkında bilgi içeren bir doküman adresi.
Bu etiket, doküman bir web tarayıcısı tarafından yüklendiğinde görünmesi gereken doküman içeriğini içerir. Başlangıç ve bitiş etiketlerinin kullanımı seçime bağlıdır.
Bu etiket bir tablonun kısa bir tanımını içerir. Bu etiketler arasına yazılan metin browserda tablonun üst kısmında gösterilir. Başlangıç ve bitiş etiketleri gereklidir.
Bu etiket dökümanın eski düzenlemelerinden sonra silinen bir kısmını içerir. Bu etiket içindeki metin genellikle üstü çizili karakterlerle gösterilir. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket bir doküman parçasını kendi bloğunda içerir. İçeriği organize etmek için bir iç metod olarak kullanılır. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket özel vurgu gerektiren metni içerir. Web sunucularının çoğu bu metni italik gösterir. Daha güçlü vurgu için <strong> etiketi kullanılır. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket, bir çerçeveyi içerir ve görünüşünü ayarlar.
Özellikleri : Name = “metin” : Çerçevenin ismi. Src = “URl” : Çerçevenin içeriğini içeren bir dökümanın URl’si. Noresize : Çerçevenin boyutunun değiştirilemeyeceğini belirten bir özellik. Scrolling = “metin” : Çerçevede kaydırmanın nasıl gerçekleşeceğini belirtir. Frameborder = “sayı” : Çerçevenin etrafındaki çerçeve kalınlığı. Marginwidth = “sayı” : Çerçevenin içeriği ile sol ve sağ kenarları arasındaki boşluk. Marginheight = “sayı” : Çerçevenin içeriği ile üst ve alt kenarları arasındaki boşluk.
Diğer özellikleri; class, id, style, target, title.
<FRAMESET> ... </FRAMESET>
Bir dökümandaki çerçevelerin düzeni için gerekli olan bilgiyi içerir. Başlangıç ve bitiş etiketi gereklidir.
Özellikler : Rows = “liste” : Framesetteki her dikey çerçevenin yüksekliği, değerleri virgülle ayrılır. Cols = “liste” : Framesetteki her yatay çerçevenin yüksekliği, değerleri virgülle ayrılır.
Diğer özellileri; class, id, onload, onunload, style, title.
<HEAD>...</HEAD>
Bu etiket, bir dökümanı tanımlayan başlık bilgisini içerir. Bu etiketin içindeki bilgi, sayfa bir tarayıcı tarafından izlenirken gösterilmez. Başlangıç ve bitiş etiketi seçime bağlıdır.
Bu etiketlerin her biri doküman üzerinde gösterilen bir başlığı içerir. <H1> en baskın olan başlığı içerirken <H6> an az baskın olan başlığı içerir. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket, bir dökümana resimler ve diğer nesnelerle aynı şekilde eklenen bir çerçeveyi içerir. Başlangıç ve bitiş etiketi gereklidir.
Özellikleri : Frameborder = “sayı” : Çerçeve etrafında bir çerçeve olacaksa kalınlığı. Eğer çerçeve olmaması isteniyorsa sayıya “0” değeri verilir. Marginheight = “sayı” : Çerçevenin içeriği ile üst ve alt kenarları arasındaki boşluk. Marginwidth = ” sayı” : Çerçevenin içeriği ile sol ve sağ kenarları arasındaki boşluk Name = “metin” : Çerçevenin adı. Scrolling = “metin” : Çerçevede kaydırmanın nasıl yapılacağı. Src = “URl” : Çerçevenin içeriğini kapsayan bir dökümanın URl’si. Width = “sayı” : Çerçevenin genişliği. Height = “sayı” : Çerçevenin yüksekliği.
Diğer özellikleri ; align, class, id, name, style, target, title.
<IMG>
Bu etiket dökümanın bir parçası olarak gösterilen bir resim dosyasını içerir. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.
Özellikleri : Height = “sayı” : resmin yüksekliği. Hspace = “sayı” : Bir dökümanda resim ile sol ve sağındaki yazılar arasında bırakılacak beyaz alanın miktarı. İsmap : resmin sunucu tarafında imagemap olduğunu gösteren bir özellik. Src = “URl” : Resim dosyasının URl’si. Width = “sayı” : Resmin genişliği.
Bu etiket, formun parçası olan bir kontrolü içerir. Başlangıç etiketi gereklidir. Bitiş etiketine izin verilmez.
Özellikleri : Accept : Birbirinden virgülle ayrılmış içerik tipi listesi. Name = “metin” : Kontrolün ismi. Type = “metin” : Forma dahil edilecek kontrolün tipi. Value = “metin” : Kontrolün ilk değeri. Size = “sayı” : Kontrolün girdi alanının boyu. Maxlength = “sayı” : Bir kontrolün metin girdisi alanına girilebilecek maksimum karakter sayısı. Checked : Bu özellik, form ilk kez gösterilirken bir radyo düğmesi veya onay kutusu kontrolünün seçili halde gösterileceğini belirtir. Src = “URl” : Submit düğmesi olarak gösterilecek bir nesnenin URl’si.
Bu etiket, birbiriyle <FIELDSET> etiketi kullanılarak ilişkilendirilmiş bir grup kontrol için bir başlık sağlar. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket bağımsız olarak numaralanacak bir öğe listesini içerir. Listedeki her öğe, <LI> etiketi ile tanımlanır. Numaralama olmadan listeyi göstermek için ise <UL> etiketi kullanılır. Başlangıç etiketi gereklidir. Bitiş etiketi ise seçime bağlıdır.
Bu etiket, aynı dökümanda çerçevelere bir alternatif içerir. Çerçeveleri desteklemeyen tarayıcılar, bu içeriği gösterir. Bu etiketi bir <FRAMESET> etiketi ile birlikte kullanmak gerekir. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket, dökümanın bir parçası olarak sunulan bir nesneyi içerir. Nesneler, dosyalar, etkileşimli programlar veya bir HTML sayfası olabilir. Başlangıç ve bitiş etiketi gereklidir.
Özellikleri : Height = “sayı” : Nesnenin yüksekliği. Hspace = “sayı” : Bir dökümandaki nesneler ve sağındaki solundaki diğer bilgiler arasında bırakılacak boşluk miktarı. Width = “sayı” : Nesnenin genişliği. Vspace = “sayı” : Bir dökümanda nesneler ile altındaki ve üstündeki bilgiler arasında bırakılacak boşluk miktarı.
Bu etiket tek tek numaralandırılacak bir öğe listesini içerir. Listedeki her öğe <LI> tagı ile tanımlanır. Bir listenin numaralama olmadan gösterilebilmesi için <UL> etiketi kullanılır. Başlangıç etiketi ve bitiş etiketi gereklidir.
Bu etiket bir formdaki bir menü kontrolüne bir seçenek ekler. Başlangıç etiketi gereklidir. Bitiş etiketi seçime bağlıdır.
Özellikleri : Selected : Bu özellik menü ilk kez gösterilirken bu seçeneğin seçili olması gerektiğini belirtir. Value = “metin” : Seçeneğin ilk değeri. Label = “metin” : Seçenek için alternatif olarak kullanılabilecek daha kısa bir etiket.
Bu etiket bir parametreyi belirler. Bu parametre, dökümanın bir parçası olarak sunulmadan önce, bir nesneye sağlanacak bir değerdir. Birden fazla parametre kullanılabilir. Başlangıç etiketi gereklidir. Bitiş etiketi kullanılmaz.
Özellikleri : Name = “metin” : Parametrenin ismi. Value = “metin” : Parametrenin değeri, bu bir metin katarı, bir nesne veya bir ya da daha fazla değerin depolandığı bir kaynağın URl’si olabilir. Valuetype = “metin” : Parametrenin değeri olarak depolanan bilginin değeri.
Diğer özellikleri; id.
<PRE>...</PRE>
Bu etiket, diğer HTML metinleriyle aynı şekilde biçimlendirilmemesi gereken metni içerir. Web tarayıcılarının çoğu bu metni, tüm boşluklarını aynen koruyarak, sabit aralıklı bir yazı tipi ile gösterir. HTML, normalde tekrarlanan boşluk karakterlerini dikkate almaz. Satır sonundaki kelimeler alt satıra atılmayabilir. Bu yüzden metin tarayıcı penceresinin sağ tarafından ileriye doğru devam edebilir. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket doküman izlenirken çevresinde tırnak işaretleriyle gösterilecek kısa bir metni içerir. <blockquote> etiketinden farklı olarak bu etiket gösterilecek metni diğerlerinden farklı bir paragrafa ayırmaz. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket bir program, bir script veya benzer bir prosesin çıktısındaki metni ekranda göstermek için kullanılır. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket, bir doküman içine çalıştırılabilir bir scripti ekler. Başlangıç ve bitiş etiketi gereklidir.
Özellikleri : Src = “URl” : Scripti içeren bir dökümanın URl’si. Type = “metin” : Kullanılan script dili.
Diğer özellikleri; language, charset.
<SELECT>...</SELECT>
Bu etiket, bir forma bir menü kontrolü ekler. Başlangıç ve bitiş etiketi gereklidir.
Özellikleri : Name = “metin” : Düğmenin ismi. Size = “sayı” : Bu menüde gösterilecek eleman sayısı. Alta açılan bir liste halinde sunulur. Multiple : Bu özellik menüden birden fazla seçeneğin seçileceğini belirler.
Bu etiket, güçlü vurgu gerektiren metni içerir. Web tarayıcılarının çoğu bu metni koyu gösterir. Bunun yerine <EM> etiketi kullanılarak metnin üzerinde daha az vurgu sağlanabilir. Başlangıç ve bitiş etiketi gereklidir.
Bu etiket dökümanın başlığını içerir. Bu etiketle belirtilen metin web browser penceresinin başlık çubuğunda görüntülenir. Başlangıç etiketi ve bitiş etiketi gereklidir.
Özellikleri : lang, dir.
<TR>...</TR>
Bu etiket bir tablodaki bir hücre satırını içerir. Başlangıç etiketi gereklidir. Bitiş etiketi ise seçime bağlıdır.
ÖZEL KARAKTERLER boşluk karakteri < küçüktür işareti > büyüktür işareti & and işareti " tırnak işareti
İnternette Kullanılan Karakter Tabloları
İnternet üzerinde yayınlanan sayfalar değişik dillerde olabilmekteler. Browser'dan View | Fonts menülerini kullanarak bu dillerin görülebilmesi mümkün. Ayrıca Sayfanın varsayılan olarak belli bir dilde olmasının da sağlanabilmesi mümkün. Bunun için sayfamızın HTML kodunda <head> satırından sonra <meta http-equiv="Content-Type"content="text/html; charset=windows-1254"> seklinde bir satir eklenmesi yeterli.
Dil Karakter Tablosu Almanya (de) iso-8859-1, windows-1252 Arabistan (ar) iso-8859-6 Arnavutluk (sq) iso-8859-1, windows-1252 Bulgaristan (bg) iso-8859-5 Çek Cumh.(cs) iso-8859-2 Danimarka (da) iso-8859-1, windows-1252 Eskimo Dilleri iso-8859-10 Estonya (et) iso-8859-10 Finlandiya (fi) iso-8859-1, windows-1252 Fransa (fr) iso-8859-1, windows-1252 Hırvatistan (hr) iso-8859-2 Hollanda (nl) iso-8859-1, windows-1252 İngiltere (en) iso-8859-1, windows-1252 İrlanda (ga) iso-8859-1, windows-1252 İskoçya (gd) iso-8859-1, windows-1252 İspanya (es) iso-8859-1, windows-1252 İsveç (sv) iso-8859-1, windows-1252 İtalya (it) iso-8859-1, windows-1252 İzlanda (is) iso-8859-1, windows-1252 Japonya (ja) shift_jis, iso-2022-jp, euc-jp Litvanya (lt) iso-8859-10 Macaristan (hu) iso-8859-2 Makedonya (mk) iso-8859-5 Malta (mt) iso-8859-3 Norveç (no) iso-8859-1, windows-1252 Polonya (pl) iso-8859-2 Portekiz (pt) iso-8859-1, windows-1252 Romanya (ro) iso-8859-2 Rusya (ru) koi-8-r, iso-8859-5 Sırbistan (sr) iso-8859-5 Slovakya (sk) iso-8859-2 Slovenya (sl) iso-8859-2 Türkiye (tr) iso-8859-9, windows-1254 Ukrayna (uk) iso-8859-5 Yunanistan (el) iso-8859-7
BAZI ÖRNEK KODLAR
DurumÇubuğunda Sabit Yazılar
Internet kullanıcısı web sayfası üzerinde herhangi bir kısayol üzerine gittiğinde durum çubuğunda gidilecek sayfanın URL'si belirir. Sayfa yüklendikten sonra ve fare imleci herhangi bir kısayolun üzerinde değilken ise durum çubuğu boşalır ve burada hiç bir bilgi sunulmaz. Durum çubuğu meşgul olmadığı zamanlarda kısa bir sloganın veya site başlığının buraya yerleşmesi isteniyorsa <body> tagının onload özelliği kullanılabilir :
Bu kod yazıldığında, yazılan metin durum çubuğuna yerleşecek ve silinmeyecektir. Sadece bir mouse imleci bir URL üzerine getirildiğinde geçici olarak bu URL görünür.
Floating Frame
Sayfalar içerisinde başka bir HTML sayfasını göstermek isteniyor ve bu sayfanın istenen sınırlar dışına taşmaması isteniyorsa Floating Frame kullanılabilir.
Imagemap'ler kullanıcının belirli bir resmin değişik alanlarına tıkladığında farklı adreslere gidilebilmesine olanak tanır.
<MAP NAME="map_ismi"><!-- Örnek resmin HTML kodları --> <AREA SHAPE="imagemap alanının geometrik şekli" COORDS=' imagemap alanının koordinatları' HREF="Bu alana tıklandığında gidilecek yerin URL’si “> </MAP>
Bu koddaki SHAPE; RECTANGLE, CIRCLE, POLYGON seçeneklerinden birini değer olarak alabilir.
RECTANGLE :Bir kare tanımlar ve COORDS özelliği ile ' x1, y1, x2, y2 ' olarak karenin koordinatları belirtilir. CIRCLE : Bir çember tanımlar ve COORDS özelliği ile 'merkezX, merkezY, Yarıçap' değerleri belirtilir. POLYGON :Bir poligon tanımlar. COORDS özelliği ile birçok nokta tanımlanabilir.
Yukarıdaki gibi MAP tanımı yapıldıktan sonra haritalanması istenen resim yerleştirilirken bu MAP tanımını kullandığı belirtilir.
<IMG SRC=' resmin URLsi' USEMAP=' #map_ismi' >
Link Vermek
<a href=”URL-ismi://makina-ismi[:port]/dizinler/dosya-ismi “> Ekranda Görünecek Yazı </a>
Burada URL_ismi file : Server üzerindeki bir dosyaya, http : Bir WWW sunucusu üzerindeki bir dosyaya, gopher : Gopher sunucusu üzerindeki bir dosyaya, news : Bir UseNet haber grubundaki bir dosyaya, WAIS : WAIS sunucusu üzerindeki bir dosyaya erişmek için kullanılır.
Port numarası, genellikle yazılmaz. WWW standart portu 80'dir.
Listeler
HTML, pek çok liste çeşidi destekler. Bunlar, düz listeler, numaralı listeler, tanımlı listeler ve içiçe listelerdir.
Düz listeler
<ul> <li>Liste elemanı1 <li>Liste elemanı2 </ul>
<li> belirteçleri içinde paragraflar, diğer dökümanlara bağlantılar, ve diğer belirteçleri kullanılabilir.
Numaralı Listeler
Ekrandaki liste elemanlarının başına 1'den başlayarak sayılar eklenir.
<ol> <li> Liste Elemanı1 <li> Liste Elemanı2 </ol>
Tanımlı Listeler
Genellikle birden fazla başlığı olan, her başlık altında kısa bir metin içeren yazılar, tanımlı listeler ile oluşturulur. Tanımı yapılacak başlık, <dt> ile belirtilir, <dd> ile başlık altına metin girilir. Tüm liste, <dl> ile </dl> arasına alınır.
<DL> <DT> Kişisel Kullanım <DD> Linux evinde veya işinde UNIX işletim sistemi altında çalışmak isteyenler için ideal bir platformdur. Özellikle işi veya eğitimi sırasında UNIX platformlar altında çalışmak, uygulamalar kullanmak veya yazılım geliştiren kişiler kendi kişisel bilgisayarlarında benzer ortamı yakalayabilmektedirler.
<DT> Internet Sunucusu <DD> Linux doğrudan TCP/IP desteği ile gelmektedir. Bu yönü ile TCP/IP temelli bilgisayar ağlarında hem istemci hem de sunucu olarak yaygın kullanım bulmuştur. </DL>
HTML'de yorum satırları
HTML dokumanda yorumlayıcı tarafından gözönüne alınmayacak olan yorum satırları <!-- ve --> belirteçleri arasına alınır.
<!-- yorumlar yorumlar -->
Form Hazırlama
Formlar, kullanıcıdan bilgi girişi olduğu zaman bunları okunmaya hazır duruma getirmeye yarar. Diğer bir deyişle, kullanıcı ile programcı arasında bir köprü kurar. Programcıya mail atmak, WWW üzerinden araştırma yapmak, belirli bir anahtar sözcüğü kullanarak arama yapmak, ve hatta telefon bilgi bankalarına girmek form kullanarak halledilir. Form konusunu anlayabilmek için, HTML programlamayı bilmek ve en azından bir programlama diline ( tercihan shell, PERL veya C ) hakim olmak gereklidir.
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye Ol Şimdi DeğilÜye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.