Cara membuat tombol di html

Cara membuat tombol di html

Sudah lama, HTML tetap populer tidak hanya di kalangan pengembang situs, tetapi juga di kalangan pengguna internet, karena ini adalah sederhana dan mudah menandai halaman web, yang didukung oleh sebagian besar editor teks.



1
Apa itu HTML?

HTML bukan merupakan bahasa pemrograman, menurut banyak, ini merupakan elemen tambahan yang diperlukan untuk menandai dokumen Web.

Untuk contoh visual, dapat dikatakan bahwa bahasa pemrograman - mengeksekusi program tertentu yang ditentukan oleh programmer (misalnya, mengirim pesan ke pengguna lain di situs manapun), dan sehingga browser mengerti yang perlu dikirim pesan ini dan nuansa lain dengan teks, gambar, file audio, (Sebagai gambar berada, pada halaman web, apa font dan ukuran teks dan sebagainya) melakukannya bahwa HTML tidak.

HTML terdiri dari satu set tag tertentu. Tag adalah kata khusus yang mengeksekusi perintah yang diinginkan ke HTML.



2
Cara membuat tombol di html?

Metode 1.

Untuk mulai membuat tombol, Anda perlu memutuskan pada desain, fungsi apa yang akan tampil. Untuk ini, akan lebih mudah untuk membuat rencana, atau lebih tepatnya memblokir diagram.

Pada dasarnya, tag tersebut digunakan untuk mulai membuat tombol:

  • Gunakan input tag;
  • Menggunakan Tombol Tag;
  • Dengan referensi ke tag dan properti CSS.

Secara terpisah, saya ingin menyebutkan sifat CSS yang membantu untuk membuat, cerah, indah, tombol asli. Menggunakan alat CSS, itu jauh lebih mudah untuk bekerja dengan grafis.

Jadi, dalam rangka menciptakan sebuah tombol, Anda perlu:

  • Pergi ke editor teks.
  • Dalam editor teks, menentukan data seperti:

  • \u003cInput type \u003d "button" name \u003d "next" value \u003d "Next" /\u003e Di mana tag tipe input, tombol bertanggung jawab untuk membuat tombol itu sendiri, nama - bertanggung jawab untuk menetapkan tombol yang dipilih oleh nama pengguna, selanjutnya - nama Dari tombol (karena itu akan disebut), "nilai \u003d" Selanjutnya - Menggunakan tag ini menetapkan nilai, misalnya, menampilkan tombol nama yang dibuat. Pastikan untuk melacak semua tanda kurung untuk ditutup. Jika tidak setidaknya satu braket yang hilang, tombol yang dibuat tidak ditampilkan di browser.
  • Setelah memasukkan semua data yang diperlukan, simpan dokumen dalam format HTML. Untuk melakukan ini, Anda perlu mengubah ekspansi dokumen dan saat menyimpan untuk mengganti nama. Berikan nama, dan setelah intinya, tentukan bahwa ini adalah dokumen HTML. Klik pertama file, lalu "Simpan sebagai ..."

  • Setelah itu, di jendela yang muncul, masukkan nama file, setelah itu Anda memilih "Semua file" dan tentukan ekstensi yang diinginkan. Kami juga tidak lupa untuk menentukan jalur di mana Anda ingin menyimpan file.

  • File Extension Tulis setelah titik tanpa spasi.

  • Anda dapat melihat dengan mengklik file yang dibuat.

  • Tombol yang dibuat akan terlihat sebagai berikut.

Ada beberapa cara untuk membuat tombol dalam HTML. Input TEG, bukan satu-satunya tag, yang dengannya Anda dapat membuat tombol dalam HTML.

Metode 2.

Masih ada berbagai desain untuk membuat tombol, tetapi yang terbaik adalah menggunakan alat CSS. Misalnya, Anda dapat membuat tombol bersama dengan gambar.

  • Untuk ini, juga di editor teks menunjukkan tag tersebut:

\u003cTombol name \u003d "next" value \u003d "Next"\u003e

\u003cImg style \u003d "vertikal-align: tengah; Lebar: 24px; " src \u003d http://nubex.ru/files/siroezhkin/icon.png.

"Alt \u003d" "/\u003e

Membuat tombol

\u003c/ Tombol\u003e

  • Sudah akrab bagi kami, tombol tag bertanggung jawab untuk membuat tombol. Perintah Gaya IMG bertanggung jawab untuk menampilkan tautan di mana gambar disimpan, dan di sini Anda perlu menentukan semua karakteristik utama gambar, berapa piksel, cara mencari. Pastikan untuk tidak lupa untuk menentukan semua kutipan dan kurung, jika tidak informasi tidak dapat ditampilkan dengan benar atau tidak sepenuhnya.

Bekerja dengan tag dalam HTML tidak begitu sulit, tetapi ini adalah asisten yang sangat diperlukan ketika membuat halaman web dan item penting di situs.

 

Tambahkan komentar

E-mail Anda tidak akan dipublikasikan. Bidang wajib ditandai *

menutup