Html asosiy: ariza, ishlab chiqarish

Yangi boshlagan sayt yaratuvchilar o'rganish html, lekin har doim emas o'z qo'llari bilan sayt yaratish, barcha nüansları tushunish uchun birinchi marta (tayyor yechimlarni, ya'ni o'z-saytlar yaratish istaganlar foydalanish emas, balki keltirganlar).

sayt menyu uslubi dizayn html tugmasi

Links - bu dizayn naqsh to'liq yo'qligi, siz link yuksaltirishda va uni chiroyli ko'rinish berish uchun qanday variantlari uchun qarash kerak, shuning uchun - Biroq, bir sahifada bir oddiy mos yozuvlar o'tish imkonini mumkin bo'lgan yagona narsa.

bir sayt uchun tugmasi HTML ikki funksiyalarni xizmat: Birinchidan, ular bir sahifaga borish imkonini beradi, ikkinchidan, mos va sahifaning umumiy uslubi muvofiq bo'lgan dizayn bor.

Kerakli yoki bosish bir shakli o'zgarib soyalari yoki undan ortiq tomosha bo'lsa tugmasini bosing, shu bog'laning faqat yoqimli ko'rinishga ega tabiatan va.

HTML bir tugmani qilish qanday

o'zingiz yoki tugmalar yaratish xizmatlaridan foydalanish: ikki yo'l bilan bir tugmani qilish uchun.

Birinchi usul sizga o'rganish va barcha ishlar mohiyatini, va ikkinchi tushunish imkonini beradi - faqat bir natijaga erishish uchun, balki doirasi cheklangan.

bir sayt uchun tugmasi HTML - qancha vaqt talab tiklash tugmasini barpo etish ish juda ko'p qiyin emas. so'zi "yuksalish" Agar CSS yoki JavaScript foydalanish kerak bosib vaqtda kliksiz, hidoyat yoki o'zgartirish qilish uchun mo`ljallangan.

tasvir tugmasi yordamida

Simple tugmasi bosasiz, 'a' (yo'naltiruvchi) kiritilmagan tomonidan yaratilgan HTML havolani va tasvirlar shakliga ega tegi img (tasvir).

Bu, masalan, aslida, bir bog'liqlik faqat rasm, bo'ladi, lekin u har qanday turdagi bo'lishi mumkin, va dizayn mukammal fut, lekin bu html tugmasini emas "ish", deb har xil vaziyatlarda ko'rinishini o'zgartirish uchun emas mumkin.

tugmasini maxsus ko'rinish va vaziyatga qarab o'zgarishi mumkin uchun, uning asl formasini o'zgartirish va CSS qo'shish kerak.

CSS bilan bir sayt uchun tugmasi

CSS - bu faqat Cascading Style Sheets chaqirdi uslublari uchun mas'ul bo'lgan turli dasturlash tili, bo'ldi.

veb-sayt uchun tugma html kodi bo'ladi:

• < "A" h "r" e "f =" Bu erda Veb-sahifaning manzilini belgilash uchun zarur "class =" ">

Ogohlantirish! misollar yordamida, bir va href olish belgisini "olib tashlang.

Yuqoridagi misol - code sahifada deb obyektga maxsus kelmokda, deb, sinf CSS sinf nomini bildiradi CSS yordamida kerakli uslubi aylanadi oddiy havola etadi.

• .topbutton {/ * tugmasi sinf * /
• width: 111px; / * - 111 piksel tugmalar kengligi * /
• chegara: 1px qattiq # 000; / * - 1 nuktalarda Frame tugmasini, qattiq va qora * /
• fon: #red; / * - tugmasi astar - qizil * /
• matn-align: chapga; / * - chap chetiga ustiga tugmasini matn hizalama * /
• padding: 10px; / * - sahifada tashqi elementlardan ko'chkilari * /
• rangi: #fff; / * - bu holda matn rangi oq * /
• font-oila: Verdana; / * - matn shrift (siz oching va Kalomini tanlashingiz mumkin) * /
• font-Mutakabbir bo'lganlar: 8px; / * - tugmasini matn hajmi * /
• chegara-radiusi: 3PX; / * - burchaklar yaxlitlash tugmalari * /
• }

Eslatma. / * Izoh * / - siz CSS kodi bilan izoh qoldirishingiz mumkin, shuning uchun.

Albatta, hatto eng Ajam Coder bu misol ma'nosini tushunib, lekin teglar va parametrlari qo'shimcha tarzini foydalanish uchun siz harakat yoki havola faoliyat qo'llaniladigan uchun u eng oddiy tugmasini qilish imkonini beradi kichik kodni foydalanadi, deb arziydi, va.

sayt uchun ko'proq murakkab tugmasi

saytida tugmalar ularning ko'rinishi uchun emas, balki faqat CSS foydalanish mumkin, shuningdek, yana kuchli va sayt uchun yanada qiziqarli g'oyalarni amalga oshirish mumkin, siz JavaScript-ni kabi yuqori sifatli tugmasini HTML-saytlar, qilish imkonini beradi va boshqa dasturlash tillari ishlatilgan.

dasturlash tillari orasidagi yagona farq - amalga oshirishda qiyinchilik bo'lib, JavaScript, agar - yana kuchli, mos ravishda, va u o'rganish uchun ko'proq vaqt talab etadi.

Boshqa sayt manzillari, foydalanuvchilar yo'naltirish oddiy vazifa tashqari, HTML tugmasi foydalanuvchi bunday ro'yxatga ularning ma'lumotlarni, kiradigan kirib shaklida ma'lumotlarni yuborish ko'proq jiddiy ish, bor.

Bu holda HTML tugmasi kodi formasini ega:

• < "Input" type = "botton" name = qiymati = "tugmasini paydo matn", "php uchun tugma nomi">

Ogohlantirish! misollar yordamida kiritish qabul qilish "olib tashlang.

Ushbu turdagi amalga oshirish asosiy juda oson, va, masalan, shakli yuborish usuli ma'lumotlarni amalga oshiradi operatsiya tugmasini ko'rsatadi.

• Turi - element bir tugma, deb belgilaydi.
• Ism - u noyob tugmasi qiladi element hisoblanadi.
• Value - matnini ning yorliqli ko'rsatadi.

butun muammo html tugmasini qilish, va yana murakkab bilim talab foydalanuvchi yuborgan ma'lumotlar ishlash, amalga oshirish, balki eng kuchli dasturiy tilining bir qanday emas. PHP masalan, ba'zi tayyor CMS unga yozilgan, siz bu saytlarni qilish imkonini beradi va.

Tugmalari shuningdek odatdagidek, istalgan shaklga aylanadi mumkin, shakllari uchun yozilgan, lekin ularning vazifasi katta ahamiyatga ega va ko'proq javobgar bo'ladi.

tugmalari yaratish qo'llanma usuli tashqari, u erda avtomatik ravishda turli tugmalar yaratish va ta'mi, ularni o'zgartirishingiz mumkin turli xizmatlar, lekin bu usul muhim ahvolga tushgan bor - bu tugmalar foydalanish HTML o'rganish bor.

Menyuni, mazmunini chiqaradi birligidan, yoki altbilgide sayt (sayt pastki) bilan - o'rganish html sayt tugmasini belgilash uchun qaerda tushunish kerak.