HTML Dersleri | BilgeBank
Cumartesi , Ekim 21 2017

HTML Dersleri

HTML Dersleri Ve Pratik Yönleri HTML Nedir Ne İşe Yarar Nasıl Kullanılır?

Html Form Alanları (11. Form, İnput, Type, Name, Value )

html form alanı

Html’de form alanlarını kullanıcıların bilgilerini almak için kullanırız bu bilgiler sayesinde kullanıcılar çeşitli bilgileri sayfanıza ekleyebilirler kullanıcı giriş alanlarından tutun kayıt formu, anket formu gibi birçok yerde form özelliğini kullanırız form alanı oluşturmak için <form> etiketini kullanırız ve bunun içinde <input> alanlarımız olur input alanları ile kullanıcının veri girişini yapabileceği alanları …

Devamını Oku »

Html Tablolama Dersleri (10. Ders Table, TH, TR, TD )

html ile tablolama sistemi

Html’de Tablolama yapmak için <table> etiketini kullanırız ve içinde Satırlar Ve Sütunlar oluştururuz. Satırları <tr> etiketi kullanarak belirleriz. Sütunları <td> etiketi kullanarak belirleriz. Başlık içinde <th> etiketini Kullanırız. colspan=”?” Komutunu kullanarak Birleştirmek istediğiniz Satır veya Sütunları birleştirebilirsiniz ? Yerine kaç satır/sütun birleşmesi istediğini yazmanız yeterlidir. border=”1″ Komutu ile tablolara kenarlık …

Devamını Oku »

Html Listeleme Dersleri (9. Ders Sıralı ve Sırasız Listeleme )

html de listeleme

Html de listeleme yapmak için <li> etiketini kullanırız ve bu sıralamayı sıralı ve sırasız olarak yapabiliriz sıralı listeleme için <ol> Sırasız listeleme içinde <ul> etiketini kullanırız. Sıralı listeleme ile rakamlar ile başlayan bir sıralama oluşturabilirsiniz ilerde SQL ve programlama dillerine başladığınızda sıkça sıralama işlemleri yapacaksınızdır. Yapacağınız listelemeleri stil kodları kullanarak çeşitli …

Devamını Oku »

Html Basit Stil Dersleri (9. Ders Style)

Css Dersleri

Html’de Stil kodları sayesinde html sayfamızdaki içeriklerin  görünüşlerinde değişiklik yaparız yarayan kodlamadır bunu 3 farklı şekilde yapabiliriz. Yazımız baya bir uzun oldu ancak her kodun her satırın açıklamasını yaparak bunun mantığını anlamanızı istiyorum inşallah sizler için yararlı olacak bir ders olur. Head Etiketleri arasında style Etiketi açarak. Body Etiketleri arasında kullandığımız etiketlere …

Devamını Oku »

Html Alan Oluşturma (8. Ders Div, İd ve Class)

site şablonu

Eskiden bir Sayfa şablonu hazırlarken html de Tablolama sistemi kullanılarak Web sitelerinin alanları oluşturuluyordu ancak bu çok sağlıklı ve kullanışlı olmadığı için html geliştiricileri Div Alanlarını html diline dahil ettiler. Html ile bir sayfa şablonu hazırlarken sayfamızda alanlara ihtiyaç duyarız bu alanları <div> etiketi ile belirleriz ancak bir sayfa şablonunda birden …

Devamını Oku »

Div Kayma Sorununu Nasıl Çözeriz

div kayma sorunu

Htlm de  alanlar oluştururken yan yana yerleştirmek için float:left komutunu kullanırız fakat art ardına gelen divlerde  float left komutunu verdiğimiz div den sonraki divdede aynı komutu işler ve kod yapımıza etki eder ve divlerde kayma oluşur. Bu sorunu çözebilmek için clear both komutu kullanmamız gerekecektir. Clear both komutu ile kendisinden bir önceki float parametresini temizler …

Devamını Oku »

Html Arka Plan Renklendirme (7. Ders Arka Plan Renklendirme)

html renk kodları

Html’de Arka planlara renklendirme yaparak daha görsel çalışmalar yapabiliriz arka plana renk vermek için bgcolor=”RenkDeğeri“> komutunu vermemiz yeterlidir. Renk değerini değiştirmek için ister temel renk adını yazın (ingilizce) yada Renk ton değerlerini bildiren #CC3BB Gibi renk tonlama kodunu ekleyerek alanınızın arka plan rengini değiştirebilirsiniz. Ayrıca arka planda resimde kullanabilirsiniz resim eklemeyi …

Devamını Oku »

Html Bağlantı Etiketi (6. Ders Link Verme)

html Bağlantı Linki

Html’de Bağlantı linkleri kullanmak için <a> etiketini kullanırız yönlendirilecek bir yer olduğunu bildirmek için<a href=”url“>Metin</a> Gibi bu etiketi kullanırız. url yazan yere bağlantı kurulmasını istediğimiz konumun linkini vermeliyiz. [crayon-59eabcfd72511285617205/] [crayon-59eabcfd72519968910189/] BilgeBank Anasayfasına Git yazısına tıklandığında bilgebank.com sayfasına git dedik. [crayon-59eabcfd7251d103452143/] target=”_blank” Komutu ile BilgeBank Anasayfasına Yeni Sayfada Git yazısına tıklandığında bilgebank.com sayfasına Yeni …

Devamını Oku »

Html Video Etiketleri (5. Ders Video Ekleme)

html video eklemek

Html ile video eklemenin birden çok yolu vardır video, embed, iframe etiketleriyle html şablonunuz da video oynatabilirsiniz. [crayon-59eabcfd72760473464278/] video etiketi ile kendi tarayıcınız veya windows oynatıcınız dan videoları oynatabilirsiniz. controls : Komutu ile videodaki kontrol ayarlarını görmemizi sağlar. type=”video/mp4″  videonun hangi format uzantısında olduğunu belirtiriz. [crayon-59eabcfd72767040322094/] Büyük video siteleri kendi embed veya …

Devamını Oku »

Html Resim Etiketi (4. Ders Resim Ekleme)

html resim ekleme

Html sayfanıza resim eklemeniz için <img src=”resim.jpg”/> etiketini kullanmamız yeterlidir. img etiketi içeriğin resim olduğunu belirtir. src= tanımı da resmin bulunduğu konumu tanıtmanıza yarar   ” “  işaretleri içindeki resim.jpg yerine resmin bulunmuş olduğu konumu belirterek resmi html sayfanıza ekleyebilirsiniz. img olarak açtığımız etiketi /img olarak kapatmadık resim etiketi için bunu yapmamıza gerek yoktur …

Devamını Oku »

Html Head Etiketleri (3. Ders Title, Style, Link, Meta)

head anahtar etiketleri

Html’de Head alanı sayfamızda görünmeyen ancak bütün bağlantıların gerçekleştiği alandır burada stil dosyalarından sayfa başlığına ve çeşitli anahtarın bağlantıları burada yapılmaktadır. title, style, base, link, meta, script, noscript gibi etiketler bu alana açılmaktadır. Temel Html öğrenirken ilk olarak bizim için önemli olan etiketler şunlardır. [crayon-59eabcfd72c23814366265/] title Sayfa Başlığını gösterir ve mutlaka kullanılması gerekir. [crayon-59eabcfd72c2a562330625/] …

Devamını Oku »

Html Etiketleri (2. Ders Yazı Stil Etiketleri)

yazı stili etiketleri

Html’in bize sunmuş olduğu bazı etiketler sayesinde etikete vermiş olduğumuz etiket sayesinde Stil kodu yazmadan biçimlendirmemizi yapabiliriz. xhtml  Yani kurallarına uygun olarak bu etiketleri kullandığımızda Google, Yandex, bing, Vb.. gibi Arama motorlarınada sevilmemizi ve üst sıralara çıkmamızı sağlar. ilerde bu etiketlere SEO çalışmalarına girdiğinizde çok dikkat edeceksinizdir biz şuan genel olarak etiketleri öğreneceğiz. [crayon-59eabcfd72e88695301015/] …

Devamını Oku »

Html Genel Yapısı (1. Ders html, head, body)

html dersleri

Html kodlarını yazdığımızda bunu internet tarayıcılarının okuyabilmesi için tanımlayan 3 ana etiketimiz vardır. <html>, <head>, <body>   <html>: Etiketi ile bu etiket arasında yazacağımız kodların bir html sayfası olduğunu internet tarayıcısına bildirdiğimiz alandır. <head> : Etiketleri arasında internet sayfasında görünmeyen ama birçok özelliğimizi ve eklentilerimizi barındıracağımız alandır. <body> : Etiketleri arasında sayfamızda görünmesini …

Devamını Oku »

Html Dersleri Html Nedir? Html’e Giriş

html dersleri giriş

  [crayon-59eabcfd731b2006631753/] Html derslerimize başlamadan önce HTML ingilizce Hyper Text Markup Language , Türkçe de ise Hiper Metin İşaretleme Dili diyebiliriz. Ancak html programa dili değil işaretleme dilidir bunu unutmayalım. Yani şöyle diyebiliriz Internet Explorer, Firefox, Chrome v.b gibi internet tarayıcılarının yazmış olduğumuz html kodlarını okuyup görsel olarak bize göstermesi diyebiliriz. Sadece html …

Devamını Oku »