Web den anlayan arkadaşalar bakabilir mi?

arkadaşlar kaç gündür kendi imkanlarımla css ve html öğrenmeye çalışıyorum html komutlarının neredeyse çoğunu öğrendim herhangibir siteye girip kaynak kodlarından istediğim satırı sorunsuz çekebiliyorum ama tasarım konusunda hiç kaynak bulamadım şimdi aşağıdaki komutu inci sözlük vine google gibi sitelerin arama çubuğunun olduğu kod satırı bunu kopyalayım kendi index.html dosyama eklediğimde aynı satırın benim sitemdeki görüntüsü çok farklı neden böyle oluyo

sitelerdeki arama bölümü



aynı kod ile benim indexdeki arama butonu


eklediğim kod satırı

<input type="text" class="search-query" placeholder="Arama" name="search">

ya css uymuyordur yollar aynı olmadığı içindir.. +

CottonCandy' Alıntı:

ya css uymuyordur yollar aynı olmadığı içindir.. +

Genişletmek için tıkla ...

css uymuyodur derken css ile bu butonların boyutları tipleri renkleri ayarlanıyomu css ile ilgili eğitim videolarında sadece site içindeki araçları konumlandırmak tutmak için yazılır diyolar ?

Kullandigin kod, standart olarak ekler. Ekstra olarak efektlendirmek, renklendirmek, konumlandirmak vb. Seyleri css ile halledersin. Ayrica, JavaScript ile de cesitli animasyonlar, gecis efektleri, kullanici tanimli kontoller vb. Seyler yapabilirsin. Tek basina html kodunun gorsel olarak hic bir degeri ve onemi yok.

Nursis' Alıntı:

Kullandigin kod, standart olarak ekler. Ekstra olarak efektlendirmek, renklendirmek, konumlandirmak vb. Seyleri css ile halledersin. Ayrica, JavaScript ile de cesitli animasyonlar, gecis efektleri, kullanici tanimli kontoller vb. Seyler yapabilirsin. Tek basina html kodunun gorsel olarak hic bir degeri ve onemi yok.

Genişletmek için tıkla ...

anladım çok aydınlatıcı oldu teşekkür ederim bir sorum daha var anlıyacağını ümid ederek soruyorum üyelik paneli yapıyorum bu panelde ID PW ve PW doğrulaması satırı var sorum şu ki 1.kolondaki ID ile 2. kolondaki ID farklı olsada tamamlama sayfasına yönlendiriyo bunu ben nasıl düzeltebilirim 1.şifre ile 2. şifre uyuşmadığında şifreler uyuşmuyo diye hata verdirip 2 şifre aynı olduğunda kayıt nasıl tamamlayabilirim css kodu veya js kodu varmı bildiğin vsro panellerde bu sistem mevcut aynıdır diye düşünüyorum elinde varsa verebilirmisin

Odessa' Alıntı:

anladım çok aydınlatıcı oldu teşekkür ederim bir sorum daha var anlıyacağını ümid ederek soruyorum üyelik paneli yapıyorum bu panelde ID PW ve PW doğrulaması satırı var sorum şu ki 1.kolondaki ID ile 2. kolondaki ID farklı olsada tamamlama sayfasına yönlendiriyo bunu ben nasıl düzeltebilirim 1.şifre ile 2. şifre uyuşmadığında şifreler uyuşmuyo diye hata verdirip 2 şifre aynı olduğunda kayıt nasıl tamamlayabilirim css kodu veya js kodu varmı bildiğin vsro panellerde bu sistem mevcut aynıdır diye düşünüyorum elinde varsa verebilirmisin

Genişletmek için tıkla ...

html ile bunları yapabilmek pek mümkün gözükmüyor php öğrenmeni öneririm ve şu şekilde düşün bu bilgileri kaydedicek bişey olması gerekir değil mi ? html kodlamasında veritabanı yoktur istediğin şeyleri yapabilmen için php ve veritabanı öğrenmen gerekiyor

Odessa' Alıntı:

anladım çok aydınlatıcı oldu teşekkür ederim bir sorum daha var anlıyacağını ümid ederek soruyorum üyelik paneli yapıyorum bu panelde ID PW ve PW doğrulaması satırı var sorum şu ki 1.kolondaki ID ile 2. kolondaki ID farklı olsada tamamlama sayfasına yönlendiriyo bunu ben nasıl düzeltebilirim 1.şifre ile 2. şifre uyuşmadığında şifreler uyuşmuyo diye hata verdirip 2 şifre aynı olduğunda kayıt nasıl tamamlayabilirim css kodu veya js kodu varmı bildiğin vsro panellerde bu sistem mevcut aynıdır diye düşünüyorum elinde varsa verebilirmisin

Genişletmek için tıkla ...

Ben bunu genelde Asp.NET üzerinde yaparım. Mantık şöyle; İki textbox a aynı veri kontrolü yaptırırsın, yanlışsa uyarı verir ve devam etmez, doğruysa işlemleri yapar. Aşağıda bir örneğini vereyim;

if (textBox1.Text == textBox2.Text)
{
"Buraya mesaj yazdırılır (Doğru Mesajı)
}
else if (textBox1.Text == "")
{
"Buraya ilk kutucuğun boş olduğu bilgisi yazdırılır (Lütfen Gerekli Alanları Doldurun gibi)
}
else if (textBox2.Text == "")
{
"Buraya ikinci kutucuğun boş olduğu bilgisi yazdırılır (Lütfen Gerekli Alanları Doldurun gibi)
}
else
{
"Buraya da yukarda belirtilen şartlardan hiç biri yapılmamışsa gene hata mesajı yazdırılır. (Bir şeyler ters gitti, tekrar deneyin gibi)
}

Mantık hep bu şekildedir. Daha önce PHP ile çalışmadığım için malesef onun hakkında bilgi sahibi değilim. Ama Asp.NET üzerinden devam etmek istersen yardımcı olurum.