Tombol html: penggunaan, produksi

Pemula pencipta situs (bukan mereka yang menggunakan solusi siap pakai, yaitu mereka yang ingin membuat situs mereka sendiri) studi html, tetapi tidak selalu berhasil pertama kali untuk memahami semua nuansa membuat situs dengan tangan Anda sendiri.Tombol

html untuk desain situs gaya menu

Links - satu-satunya hal yang dapat memungkinkan transisi dari satu halaman ke halaman lain, tetapi referensi sederhana - itu adalah kurangnya lengkap model desain, sehingga Anda perlu mencari pilihan tentang cara untuk memperbaiki link dan memberikanPenampilan yang indah.

tombol situs html memiliki dua fungsi: pertama, mereka memberikan kesempatan untuk pergi ke halaman tertentu, dan kedua, memiliki desain yang sesuai dan selaras dengan gaya keseluruhan halaman.Tombol

, pada dasarnya adalah link yang sama, tetapi memiliki pandangan yang baik dan, jika diperlukan, atau bentuk-berubah warna ketika Anda klik atau membawa lebih dari itu.

Cara membuat tombol di html

membuat tombol dalam dua cara: sendiri atau menggunakan jasa untuk membuat tombol.

Metode pertama memungkinkan Anda untuk belajar dan memahami esensi dari seluruh pekerjaan, dan yang kedua - hanya untuk mendapatkan hasil, tetapi juga terbatas cakupannya.

tombol html untuk situs - tidak begitu banyak kerja keras untuk membangun, sebagai tombol pemulihan melelahkan.Kata "kebangkitan" dimaksudkan untuk membuatnya diklik, bimbingan atau perubahan ketika Anda menekan, yang Anda perlu menggunakan CSS atau JavaScript.Tombol

dengan gambar

tombol sederhana terlihat seperti link html dan gambar yang dibuat dengan memasukkan tag 'a' (link) dalam tag img (image).

Contoh ini, pada kenyataannya, hanya gambar-link, tetapi dapat dari jenis apa pun dan cocok dengan desain, tapi tombol html ini tidak bisa "bekerja", yaitu untuk mengubah tampilan dari situasi yang berbeda.

Untuk Tombol memiliki tampilan kustom dan bisa berubah tergantung pada situasi, harus mengubah bentuk aslinya, dan menambahkan CSS.Tombol

untuk situs dengan CSS

CSS - itu adalah bahasa pemrograman yang berbeda, yang bertanggung jawab hanya untuk gaya disebut Cascading Style Sheets.Tombol kode

untuk website html akan terlihat seperti:!

  • & lt; "a" h "r" e "f =" Harus ada alamat halaman web "class =" "& gt;

Peringatan Ketikamenggunakan contoh menghapus ikon "untuk mendapatkan dan href.

Contoh ini - link sederhana yang akan dikonversi menjadi gaya yang diinginkan dengan menggunakan CSS, di mana kelas menentukan nama kelas di css, bahwa kode telah diterapkan untuk unsur ini pada halaman.

  • .topbutton {/ * tombol Kelas * /
  • width: 111px;/ * - Lebar tombol 111 piksel * /
  • border: 1px solid # 000;/ * - Tombol Frame 1 pixel, solid dan hitam latar belakang * /
  • : #red;/ * - Tombol Isi - red * /
  • text-align: kiri;/ * - Alignment teks pada tombol di tepi kiri * /
  • padding: 10px;/ * - The offset dari elemen luar di halaman * /
  • warna: # fff;/ * - Warna teks, dalam hal ini putih * /
  • font-family: Verdana;/ * - The font teks (Anda dapat membuka dan memilih Word) * /
  • font-size: 8px;/ * - Ukuran teks pada tombol * /
  • border-radius: 3px;/ * - Sudut Pembulatan tombol * /
  • }

Catatan ./ * Komentar * / - sehingga dalam kode CSS Anda dapat meninggalkan komentar.

Tentunya bahkan coder pemula yang paling mengerti arti contoh ini, tetapi itu sangat berharga mengatakan bahwa ia menggunakan kode kecil yang memungkinkan Anda untuk membuat tombol yang paling sederhana, dan penggunaan gaya hover atau link aktif harus digunakan lebih tag dan pilihan.

tombol lebih kompleks untuk situs

tombol di situs dapat digunakan tidak hanya CSS untuk penampilan mereka, juga digunakan bahasa pemrograman lain, yang memungkinkan untuk membuat situs html tombol kualitatif, seperti JavaScript, yang lebih kuat dan dapat mewujudkan ide-ide yang lebih menarik untuk situs.

satunya perbedaan antara bahasa pemrograman - kompleksitas dalam pelaksanaan, dan jika JavaScript - lebih kuat, masing-masing, dan dibutuhkan lebih banyak waktu untuk belajar.Selain

untuk tugas sederhana mengarahkan pengguna ke alamat lain tombol situs html melakukan pekerjaan yang lebih serius, yaitu untuk mengirim data dari bentuk mana pengguna memasukkan data, misalnya pendaftaran.

kode Tombol html untuk kasus ini adalah:

  • & lt; "masukan" type = "botton" name = "nama tombol untuk php" value = "text yang muncul di tombol" & gt;

Peringatan !. Bila menggunakan contoh menghapus "untuk menerima masukan tombol semacam ini

Melaksanakan sangat sederhana, dan contoh menunjukkan tombol kerja yang perform mengirimkan data yang dimasukkan dalam bentuk

  • Jenis -. Menentukan bahwa item tersebut tombol Nama
  • .- adalah unsur yang membuat kunci unik
  • Nilai -.. ditampilkan pada tombol

Masalahnya tidak bagaimana membuat tombol html, dan untuk mewujudkan pengolahan data yang dikirim pengguna, yang memerlukan pengetahuanlebih kompleks, tapi salah satu bahasa pemrograman yang paling kuat. PHP memungkinkan untuk situs ini dan, misalnya, beberapa siap CMS ditulis pada tombol

itu., yang ditulis untuk formulir, serta konvensional, bisa diubah menjadi bentuk yang diinginkan,tetapi tujuan mereka adalah penting dan dikenakan tanggung jawab lebih

Selain metode manual untuk membuat tombol, ada berbagai layanan yang secara otomatis dapat membuat tombol yang berbeda dan menyesuaikan mereka dengan selera Anda, tetapi metode ini memiliki kelemahan yang signifikan -. untuk penggunaan tombol iniAnda harus belajar html.

Belajar html akan perlu memahami situs di mana tombol diinstal - menu, yang menampilkan konten blok atau footer (bagian bawah situs) situs.