HTML Dersleri

Kayıtlar

Aralık, 2013 tarihine ait yayınlar gösteriliyor

Tümünü göster

HTML Parametre Nedir Nasıl Kullanılır

Aralık 19, 2013

Parametre Nedir ? Parametre Nasıl Kullanılır. Parametre Bir html etiketinin bazı özelliklerini belirtmek için kullanılan kodlama biçimidir.Bir heml etiketinin açılış etiketinde yer alır.Ve etiket adından sonra gelir örnek vermek gerekirse: <p width="500px" align="center">Bu paragref genişliği sınırlanmıştır ve sayfada ortalanmıştır.</p> Örnekte gördüğünüz şekilde parametre atanır.Örnekteki gibi width parametresine eklenen "500px" değeri eklendiği etiketin(mesela Örnekteki Paragraf Etiketinin) genişliğini sınırladı ve align parametresine girilen "center" de sayfanın ortalanmasını istedi kodları çalıştırıp kayıt ettiğinizde aşşağıdaki gibi görünecektir.Parametreler parametre="değer" şeklinde etiket'e eklenir. Bir Örnek Daha vermek gerekirse. <p bgcolor="#cccccc" align="center" width="500px">Bu paragrafın arka plan rengi değiştirilmiştir.Sayfa ortalanmıştır ve genişliği sınırlandırılmı...

Yazıyı Sağa Yaslama Kodu - Html Yazıyı sola Yaslamak Kodu

Aralık 13, 2013

Merhaba arkadaşlar bir html sayfasında normalde yazılar sola yaslanır.Fakat bazı durumlarda isteğe bağlı olarak sağa yaslamamız gerekebilir işte bu yüzden paragraf tag'ına bir parametre eklememiz gerekecektir. Bu parametre align parametresidir. Alıgn parametresi center olursa sayfa ortalanır. Align parametresi left olursa sola , right olursa sağa yaslanır. Yazınızı buraya yazın yazan yere yazınızı girin ve yazınızı nereye yaslamak istiyorsanız align parametresini ona göre değiştirin. Aşşağıda sağa yaslama kodu örnek olarak verilmiştir. <p align="right">Yazılarınızı buraya yazın</p> Çıktısı; Yazılarınızı buraya yazın

Html Önemli Etiketler

Aralık 12, 2013

Merhaba Arkadaşlar.Html dilinde'ki önemli etiketleri bu dersimizde işleyeceğiz. 1 > Html Başlık Etiketleri h1 h2 h3 h4 h5 h6 Evet arkadaşlar bir konu veya makalenin başlığını belirtmek için kullandığımız etiketler; <html> <head> <title>Html Öğreniyorum.</title> </head> <body> <h1>Bu başlık H1 ile oluşturuldu.</h1> <h2>Bu başlık H2 ile oluşturuldu.</h2> <h3>Bu başlık H3 ile oluşturuldu.</h3> <h4>Bu başlık H4 ile oluşturuldu.</h4> <h5>Bu başlık H5 ile oluşturuldu.</h5> <h6>Bu başlık H6 ile oluşturuldu.</h6> </body> </html> Deneyip göreceğiniz gibi gibi başlık etiketleri h1'den h6'ya gidildikçe küçülmektedir.Hangi büyüklükteki başlık etiketini kullanmak istiyorsanız yazınızın başına o başlık etiketini getirin.Bu Etiketleri title etiketiyle karıştırmayın arkadaşlar.title head bölümünün elemanıdır ve sayfanın tarayıcıda görünecek başlığını belirler bu ise sa...

Kayan Yazı Yazma Kodu - Html Kayan Yazı Yazmak Eklemek Kodu

Aralık 12, 2013

Merhaba arkadaşlar oluşturduğunuz bir html sayfasına görsel olarak güzel görünmesi için bazı kodlar eklemek gerekir.Örneğin kayan yazı eklemek için gereken kod aşşağıda paylaşılmıştır.Bu kodu kaymasını istediğiniz yazının başına tagları ekleyerek oluşturun.Bu tag'lar marquee tag'ları dır.Html sayfalarınızı güzelleştirmeye devam ediyoruz. Html kayan yazı ekleme kodu ; <marquee>Yazılarınızı buraya yazın</marquee>

Flash ekleme kodu - html sayfasına flash eklemek

Aralık 12, 2013

Merhaba arkadaşlar bir html sayfası tasarlarken sayfaya çeşitli elemanlar çekmek isteyebiliriz mesela flash veya swf dosyalarını oynatmak isteyebiliriz.Bunun için gereken kod aşşağıda bulunmakta.Bu kodda değiştirmeniz gereken yerler var. Flash URL yazan yeri çekmek istediğiniz flash dosyasının adresini yazmanız gerekiyor.Daha sonra direk sayfanıza yapıştırabilirsiniz.Html web sayfalarına oyn eklemek youtube video eklemek için de bu kodu kullanabilirsiniz arkadaşlar. Html Sayfasında Flash Dosyası eklemek ve oynatmak için gereken kod ; <embed src="Flash URL" type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed>

Html Tagları ve anlamları - Html etiketleri ve anlamları

Aralık 12, 2013

merhaba arkadaşlar sizin için aklımıza gelen tüm html taglarını (tag'larını) bulduk ve sizinle paylaşmak istedik Tag nedir ? Arkadaşlar tag "<" ve ">" işaretleri eklenerek oluşturan html sayfa öğelerindir.Tarayıcı sayfayı tag lara göre yorumlar.Tagların kullanım şekli şu şekildedir.<tagadı> </tagadı> taglar "<>" arasına yazılarak açılır ve "</>" arasına tekrar yazılarak kapatılır.Burada dikkat etmemiz gereken tag'ların kapatılmasıdır.Taglar kapatılırken aynı tag tekrar yazılır ve başına / eklenir.Bazı işlevsel taglara ise kapatma tagı eklenmez öğneğin bir alt satıra geçme kodu olan <br/> tagına kapatma tag'ı eklenmez.Çünkü işlevi bir alt satıra geçmektir ve herhangi bi karakter içermesine gerek duyulmaz. HTML Tagları ve Anlamları:  Açıklama yazmak için kullanılır <!DOCTYPE> Dosya tipini belirtir <a> Link belirtir <abbr> Yazının bir kısaltma olduğunu bel...

Sayfa Yönlendirme Kodu - html sayfa yönlendirme kodu

Aralık 11, 2013

Merhaba arkadaşlar html web sayfalarında kullanabileceğiniz html kodları paylaşmaya devam ediyoruz. Bu Yazımızda html sayfa yönlendirme kodunu paylaşacağım.Bu kod sayesinde html web sayfalarını farklı bir adrese yönlendirebiliceksiniz.bu kodu <head></head> tag'ları arasına yerleştirmeniz gerekiyor.Yönlendirilecek adres yerine sayfa yönlendirmek istediğiniz url adresini yazın 5 yazan yere'de kaç saniyede yönlendirmesini istediğinizi yazın ve sayfayı kayıt edin. Html sayfa yönlendirme kodu ; < meta http-equiv="refresh" content="5;URL=Yönlendirilecek Sayfa Adresi" />

Kalın yazı yazma kodu - html kalın yazı yazma kodu

Aralık 11, 2013

Merhaba arkadaşlar html koları paylaşımına devam ediyoruz.Bir web sayfasında önemli olan kelimeleri veya metinleri kalın yazı ile yazmak isteriz bunun için kullanmamız gereken tag <strong>'tagı'dır ve aşşağıda paylaşılmıştır. Html kalın yazı yazma kodu; <strong>Yazılarınızı buraya yazın</strong>

Resime Link Verme Kodu - Html Resime Link Vermek Kodu

Aralık 11, 2013

Merhaba arkadaşlar bu yazımızda html sayfasında resime link verkek için gereken kodları paylaşacağız. Öncelikle normal bir link oluşturuyoruz.<a href="adres">metin</a> burada farklı olan linke metin yerine resim link vermek istememiz.İşte bu yüzden metin yerine html resim gösterme kodunu yapıştırıyoruz ve son halini aşşağıdan kopyalayabileceğiniz link adresi ortaya çıkıyor. Resime link vermek için gereken kod: <a href="http://Link Verdiğiniz Site URL'si"><img src="Resim URL'si" /></a> Şeklinde olmalıdır.Evet yararlı html kodları paylaşımına devam edeceğiz arkadaşlar. Yorumlarınızı bekliyorum.

Html Temel Etiletler - Sayfa Yapısı - Temel Sayfa Öğeleri

Aralık 10, 2013

Merhaba arkadaşlar html dersleri'mize 2. dersimizle devam ediyoruz.Bir önceki dersimizde html sayfasını oluşturmayı ve .html olarak kayıt etmeyi öğrenmiştik ve birtakım kodları kaydetmiştik.Bu dersimizde kayıt ettiğimiz kodları ve işlevlerini anlatacağız. Geçen ders html sayfası oluştururken sayfaya eklediğimiz kodlar, <html> <head> <title>İlk Sayfam</title> </head> <body> Html Öğreniyorum </body> </html> Şöyleki ardakaşlar bu kodları bir html sayfasına ekleyip kayıt edin ve açın karşınıza çıkan pencere şu şekilde olacaktır.Pencerenin başlığı İlk sayfam pencerede ise Html Öğreniyorum yazacaktır. Tag(Etiket) nedir ? Arkadaşlar tag "<" ve ">" işaretleri eklenerek oluşturan html sayfa öğelerindir.Tarayıcı sayfayı tag lara göre yorumlar.Tagların kullanım şekli şu şekildedir.<tagadı> </tagadı> taglar "<>" arasına yazılarak açılır ve "</>" arasına tekrar yazılarak kapat...

Mail Linki Verme Kodu - Html Mail Linki Vermek Sitene Ekle

Aralık 10, 2013

Merhaba arkadaşlar html dili kullanarak, websitenize giren kişilerin size ulaşması için mail adresinizi eklemek isteyebilirsiniz.işte bunun için mail linki vermemiz gerekiyor.Mail linki de diğer linkler gibi a etiketini kullanıyor fakat farkı aldığı href parametresi bu parametrede mailto: değeri sizin mail adresiniz olucak.Aşşağıdaki örnek üzerinden anlatıcak olursak: href="mailto:mail adresiniz" href parametresinin alıcağı değer mail adresiniz olmalı. iletişim kur yazan yere diğer linklerde deolduğu gibi linkin görünmesini istediğiniz yazıyı yazmalısınız. Evet sitenize ekle 'meniz gereken html mail linki verme kodu: <a href="mailto:admin@biyografisi.biz">iletişim kur</a> Takipte kalın yararlı html kodları paylaşmaya devam ediceğiz.html dili öğrenip kendi html websitenizi yapmak için html derslerimize sol taraftaki bardan ulaşabilirsiniz.Html giriş dersiyle html öğrenmeye başlayabilirsiniz.

YanYana reklam kodu - Html yan yana reklam kodu sitene ekle

Aralık 09, 2013

Merhaba arkadaşlar birçok websitede görmüşsünüzür iki adet reklam yan yana eklenmiş.Aslında bu çok zor bir şery değil.Divlerle veya table'ler le kolayca yapılabilir.ve istediğiiz şekilde reklamklarınızı ekleyebilirsiniz.Ama bu tip reklam yerleşimini ben tavsiye etmiyorum çünkü ben bi kullanıcı olarak bu tür reklamları itici buluyorum ama tabi gine de siz bilirsiniz eklemek isteyenler için yanyana reklam ekleme kodunu paylaşıyorum. <table><tr> <td>İlk reklam kodu</td> <td>İkinci reklam kodu</td> </tr></table> Şeklinde yan yana reklam ekleyebilirsiniz.

Linki yeni pencerede açma kodu sitene ekle

Aralık 09, 2013

Merhaba arkadaşlar bir önceki yazımızda html yazıya link verme kodunu paylaşmıştık şimdi ise linki yeni pencerede açma kodunu paylaşıcaz.bu konun aslında tek farkı target parametresi.html link vermeyi biliyorsanız eğer sadece target="_blang" parametresini ekleyerek linki yeni sekmede açabilirsiniz.onun dışında da aşşağıdaki kodu kendinize göre düzenleyin.href parametresinin değerini kendi linkinizle değiştirin ve <a></a> tagları arasına da linkde görünmöesini istediğiniz yazıyı html dersleri ile değiştirin.sitene ekle <a target="_blank" href="http://htmldersleri7.blogspot.com">html dersleri</a>

Html Yazıya Link Verme kodu

Aralık 09, 2013

Merhaba arkadaşlar herhangi bir web sayfasında link vermek için a tag'ı kullanılır. ve href parametresi ile link vermek istenilen adres yazılır. linki biçimlendirmek için ise css kodları kullanılır onları daha sonra anlatacağız.şimdilik sadece link verme kodnu paylaşıyorum. <a href="http://htmldersleri7.blogspot.com">Html Dersleri</a> Linkin görünen kısmı <a> ve </a> tagları arasındaki html dersleri yazısıdır bu yazıyı kendinize göre biçimlendirerek kendi linkinizi oluşturabilirsiniz. Html kodları paylaşımımız devam edecektir.

Html Renk Kodları

Aralık 09, 2013

Merhaba arkadaşlar aşşağıdan html renk kodlarına ulaşabilirsiniz.kodların kulanımı şu şekildedir. <font color="renk kodu buraya gelecek"></font> Bu şekilde metinlere renk verebilirsiniz. Aliceblue F0F8FF Antiquewhite FAEBD7 Aqua 00FFFF Aquamarine 7FFFD4 Azure F0FFFF Beige F5F5DC Bisque FFE4C4 Black 000000 Blanchedalmond FFEBCD Blue 0000FF Blueviolet 8A2BE2 Brown A52A2A Burlywood DEB887 Cadetblue 5F9EA0 Chartreuse 7FFF00 Chocolate D2691E Coral FF7F50 Cornflowerblue 6495ED Cornsilk FFF8DC Crimson DC143C Cyan 00FFFF Darkblue 00008B Darkcyan 008B8B Darkgoldenrod B8860B Darkgray A9A9A9 D...

Html Nedir - Temel Html Dersleri Giriş

Aralık 09, 2013

HTML DERSLERİ GİRİŞ > Html Nedir ? HTML (Hyper Text Markup Language) internet üzerinde bir web sayfası yapmak için kullanılan bir betik dilidir.Html dosyaları içinde kayıt edilir ve uzantısı genellikle .html veya .htm olur.Html dosyaları http protokolü ile aktarılır.Html dosyaları tarayıcı tarafondan sadece yorumlanır.Html ile oluşturulmuş bir sayfaya sağ tıklayıp sayfa kaynağını göster seçeneğine tıkladığınızda bulunduğunuz sayfanın html kodlarını görebilirsiniz. Bu güzden güvenlik bilgileri html kodları arsında yer almaz. Örneğin php ile yazılmış bir web sayfasının php kaynak kodlarınız göremezsiniz sağ tıkladığınızda sayfa kaynağını gör dediğinizde php kodlarının html yorumlanmış halini görürsünüz.Html kodları dediğimiz gibi tarayıcı tarafından yorumlanan kodlardır.Bir siteye girildiği zaman görünen giriş sayfası index.html olmalıdır.Html dökümanlarını herhangi bir yazı editörüyle düzenleyip.çalıştırmak istediğinizde herhangi bir tarayıcıyla açıp görüntüleyebilirsiniz. Html ...