HTML'de bir düğme nasıl yapılır

HTML'de bir düğme nasıl yapılır

Zaten uzun süredir, HTML sadece site geliştiricileri arasında değil, aynı zamanda internet kullanıcıları arasında da popüler kalır, çünkü çoğu metin editörü tarafından desteklenen web sayfalarının basit ve kullanışlı bir şekilde işaretlenmesidir.



1
HTML nedir?

HTML bir programlama dili değil, çoğu, bu, Web belgesinin işaretlenmesi için gerekli olan yardımcı bir elemandır.

Görsel bir örnek için, programlama dilinin - programlayıcı tarafından (örneğin, herhangi bir sitedeki başka bir kullanıcıya mesaj gönderme) tarafından belirtilen belirli bir programı yürüttüğü söylenebilir ve böylece tarayıcı bu mesajı kimin göndermesi gerektiğini anlar. Ve metin, görüntü, ses dosyaları, (resimler olarak, web sayfalarında, metnin yazı tipi ve boyutunda bulunurken) diğer nüanslar, HTML'nin yaptığı şeyi yapar.

HTML, belirli bir etiket kümesinden oluşur. Etiketler, istenen komutu HTML olarak yürüten özel bir kelimedir.



2
HTML'de bir düğme nasıl oluşturulur?

Yöntem 1

Bir düğmeye başlamak için, tasarımına, hangi işlevleri yerine getireceğine karar vermeniz gerekir. Bunun için bir plan yapmak veya daha iyi blok diyagramı yapmak daha uygundur.

Temel olarak, bu tür etiketler bir düğme oluşturmaya başlamak için kullanılır:

  • Etiket girişi kullanımı;
  • Düğme etiketini kullanma;
  • Etiketler ve CSS özelliklerine referanslarla.

Ayrı olarak, oluşturmaya yardımcı olan CSS özelliklerinden, parlak, güzel, orijinal düğmelerinden bahsetmek istiyorum. CSS araçlarını kullanarak, grafiklerle çalışmak çok daha kolaydır.

Yani, bir düğme oluşturmak için ihtiyacınız var:

  • Bir metin editörüne gidin.
  • Bir metin düzenleyicide, bu verileri belirtin:

  • \u003cGiriş tipi \u003d "ayarlamak" adı \u003d "İleri" değeri \u003d "Sonraki" /\u003e, giriş tipi etiket, düğme burada - renkli kendisi oluşturmak için sorumlu olan, adı - Düğme adı seçilen bir kullanıcının atama sorumludur Sonraki - anahtar adı (o adı verilecek şekilde), "value \u003d" Sonraki - Bu etiketin yardımıyla örneğin haritalama düğme adı oluşturmak için, ayarlanır. Emin tüm braketleri kapalı olduğunu yaptığınızdan emin olun. tarayıcıda görünmeyen bir düğme oluşturmak için bir kayıp braket bile yoksa.
  • Gerekli tüm verileri girdikten sonra html formatında bir belgeyi kaydedin. Bunu yapmak için, onu adlandırmak korurken, belgenin uzantısını değiştirip gerekir. Bir ad verin ve sonra bu belge html olduğunu belirtmek için etmektedir. Birincisi, ardından "Kaydet olarak ..." Dosya 'yı

  • Sonra görünür, bir dosya adı girin ve ardından "Tüm Dosyalar" ı seçin ve istenen uzantıyı belirtmek o pencerede. Dosyayı kaydetmek istediğiniz Ayrıca, yol belirtin unutmayın.

  • nokta yazma ve boşluk sonra dosya uzantısı.

  • Oluşturulan dosyanın üzerine tıklayarak gör.

  • aşağıdaki gibi görünecek bir düğme oluşturun.

html için bir düğme oluşturmak için çeşitli yolları vardır. etiketi Girdi, etiketi, html için bir düğme oluşturabileceğiniz ile tek değildir.

Yöntem 2.

Orada farklı tasarımlar düğmeler oluşturmak da vardır, ama CSS araçlarını kullanmak en iyisidir. Örneğin, bir görüntü ile bir düğme yapabilirsiniz.

  • Bu amaçla, bir metin editörü bu tür etiketleri belirtmek için:

\u003cDüğme name \u003d "NEXT" value \u003d "NEXT"\u003e

\u003cImg style \u003d "vertical-align: orta; en: 24 piksel; " src \u003d http://nubex.ru/files/siroezhkin/icon.png

"Alt \u003d" "/\u003e

Bir düğme oluşturun

\u003c/ Düğme\u003e

  • Zaten tanıdık etiket düğmesi bir düğmeye oluşturulması sorumludur. İmg stil takım görüntüsü depolandığı bağlantıların görüntülenmesi için sorumludur ve burada konumlandırılmış olarak kaç piksel görüntü tüm temel özelliklerini belirtmek gerekir. tırnak veya parantez veya bilgileri hatalı veya eksik görüntülenen tüm eklemeyi unutmayın emin değildi olun.

html etiketleri ile çalışma çok zor değil, ancak web sayfaları ve sitenin önemli unsurları oluşturmak için vazgeçilmez bir araçtır.

 

Yorum ekle

E-postanız yayınlanmayacak. Zorunlu alanlar işaretlenmiştir. *

kapat