Html bọtini: ohun elo, gbóògì

Beginners ojula creators (ko awon ti o lo setan-ṣe solusan, eyun awon ti o fẹ lati ṣẹda ara wọn ojula) iwadi html, sugbon ko nigbagbogbo ni igba akọkọ lati ni oye gbogbo awọn nuances ti ṣiṣẹda a ojula pẹlu ara rẹ ọwọ.

html bọtini ni ojula akojọ ara oniru

Links - awọn nikan ni ohun ti o le gba orilede lati ọkan iwe si miiran, sibẹsibẹ, kan ti o rọrun itọkasi - o ni kan ni pipe aini ti oniru elo, ki o nilo lati wo fun awọn aṣayan lori bi lati gbe awọn ọna asopọ ati ki o fun o kan lẹwa wo.

Bọtini fun a ojula html sin meji awọn iṣẹ: akọkọ, nwọn pese anfani lati lọ lori kan fi iwe, ati keji, ni a oniru ti jije ati ki o jẹ ni ibamu pẹlu awọn ìwò ara ti awọn iwe.

Button jẹ inherently kanna asopọ nikan ni o ni kan dídùn ifarahan ati, ti o ba fẹ, tabi a apẹrẹ-iyipada shades ti a tẹ tabi rababa lori o.

Bi o lati ṣe a bọtini ni html

Lati ṣe kan bọtini ni ọna meji: nipa ara rẹ tabi lilo awọn iṣẹ lati ṣẹda awọn bọtini.

Ni igba akọkọ ti ọna ti o faye gba o lati ko eko ki o si ye awọn lodi ti gbogbo iṣẹ, ati awọn keji - kan lati gba a esi, sugbon tun ni opin ni dopin.

Button html fun a ojula - ni ko ki Elo soro ise lati fi idi bi Elo akoko-n gba imularada bọtini. Awọn ọrọ "isoji" ti wa ni túmọ lati ṣe awọn ti o clickable, itoni tabi ayipada ni akoko ti titẹ, eyi ti o nilo lati lo CSS tabi JavaScript.

lilo ohun image bọtini

Simple bọtini ni o ni awọn fọọmu ti html ìjápọ ati awọn aworan da nipa sii tag 'a' (itọkasi) lori tag img (image).

Yi apẹẹrẹ ni, ni o daju, jẹ o kan kan aworan, a ọna asopọ, sugbon o le jẹ ti awọn eyikeyi iru, ati daradara fit sinu awọn oniru, sugbon yi html bọtini ko le "iṣẹ", ti o ni lati yi awọn view ni orisirisi awọn ipo.

Si awọn bọtini ni o ni a aṣa wo ati ki o le yi o da lori awọn ti itoju, o yẹ ki o yi awọn oniwe-atilẹba fọọmu, ki o si fi CSS.

Bọtini fun ojula pẹlu CSS

CSS - o ni kan ti o yatọ siseto ede, ti o jẹ lodidi nikan fun awọn aza ti a npe ni Cascading Style Sheets.

bọtini html koodu fun awọn aaye yoo ti wa ni:

• < "A" h "r" e "f =" Nibi ti o jẹ pataki lati pato awọn adirẹsi ti awọn oju-iwe ayelujara "kilasi =" ">

Ìkìlọ! Nigba lilo apeere, yọ aami "lati gba a ati href.

Awọn loke apẹẹrẹ - ni kan ti o rọrun asopọ ti yoo wa ni iyipada sinu awọn ti o fẹ ara lilo CSS, ibi ti kilasi so awọn orukọ ti awọn kilasi ni CSS, ti awọn koodu ti a ti loo pataki to wipe ohun kan lori iwe.

• .topbutton {/ * bọtini kilasi * /
• iwọn: 111px; / * - bọtini iwọn ti 111 awọn piksẹli * /
• ààlà: 1px ri # 000; / * - fireemu bọtini ni 1 ẹbun, ri ati dudu * /
• lẹhin: #red; / * - bọtini priming - pupa * /
• ọrọ-mö: kù; / * - titete ti awọn ọrọ lori awọn bọtini lori osi eti * /
• òwú: 10px; / * - awọn offsets lati ita eroja lori iwe * /
• awọ: #fff; / * - awọ ti awọn ọrọ, ninu apere yi funfun * /
• font-ebi: verdana; / * - awọn ọrọ font (ti o le ṣi ki o si yan Ọrọ) * /
• font-iwọn: 8px; / * - awọn iwọn ti awọn ọrọ lori awọn bọtini * /
• àla-rediosi: 3px; / * - bọtini ikotan igun * /
• }

Akiyesi. / * Comment * / - ki o le fi comments ni CSS koodu.

Dájúdájú, paapa julọ alakobere coder gbọye ni itumo ti yi apẹẹrẹ, sugbon o jẹ tọ wipe o nlo kekere kan koodu ti o faye gba o lati ṣe awọn julọ o rọrun bọtini, ati fun awọn lilo ti afikun aza ti afi ati awọn sile lati wa ni loo nigba ti o ba gbe tabi asopọ aṣayan iṣẹ-ṣiṣe.

Eka sii bọtini fun ojula

Awọn bọtini lori ojula le ṣee lo ko nikan CSS fun irisi wọn, tun, faye gba o lati ṣe ga-didara bọtini html ojula, gẹgẹ bi awọn JavaScript ati ki o lo miiran siseto ede, eyi ti o jẹ diẹ lagbara ati ki o le mọ diẹ awon ero fun ojula.

Awọn nikan iyato laarin siseto ede - ni awọn iṣoro ni imuse, ati awọn ti o ba ti JavaScript - diẹ alagbara, lẹsẹsẹ, ati awọn ti o gba diẹ akoko lati iwadi.

Ni afikun si awọn ti o rọrun-ṣiṣe ti Ìtúnjúwe awọn olumulo lati miiran Aaye adirẹsi, html bọtini ni o ni diẹ to ṣe pataki iṣẹ, eyi ti o jẹ lati fi data lati awọn fọọmu sinu eyi ti awọn olumulo ti nwọ wọn data, gẹgẹ bi awọn ìforúkọsílẹ.

html bọtini koodu ninu apere yi ni o ni awọn fọọmu:

• < "Input" type = "botton" orukọ = "orukọ ninu awọn bọtini fun PHP" iye = "ọrọ ti o han lori awọn bọtini">

Ìkìlọ! Nigba lilo apeere, yọ "lati gba input.

Se bọtini ti yi ni irú jẹ gidigidi irorun, ati awọn apẹẹrẹ ti fihan ni isẹ bọtini, eyi ti yoo ṣe awọn fifiranṣẹ awọn input data lati awọn fọọmu.

• Iru - ipinnu ti awọn ohun ti wa ni a bọtini.
• Name - ni awọn ano ti o mu ki o oto bọtini.
• Iye - han awọn bọtini ká aami.

Gbogbo isoro ni ko bi o lati se html bọtini, ati lati mọ awọn processing ti awọn data ti a olulo ti rán, eyi ti nbeere imo ti awọn eka sii, ṣugbọn ọkan ninu awọn alagbara julọ siseto ede. PHP faye gba o lati ṣe awọn wọnyi ojula ati, fun apẹẹrẹ, diẹ ninu awọn setan-ṣe CMS kọ lori o.

Awọn bọtini ni a kọ fun awọn fọọmu, bi daradara bi ibùgbé, le ti wa ni iyipada sinu awọn ti o fẹ fọọmu, sugbon won iṣẹ jẹ ti awọn nla pataki ati ki o jẹ diẹ lodidi.

Ni afikun si awọn Afowoyi ọna ti ṣiṣẹda awọn bọtini, nibẹ ni o wa orisirisi awọn iṣẹ ti o laifọwọyi le ṣẹda o yatọ si awọn bọtini ati ki o ṣatunṣe wọn si rẹ lenu, sugbon yi ọna ti o ni o ni significant daradara - fun awọn lilo ti awọn wọnyi bọtini ni lati ko html.

Awọn iwadi html nilo lati ni oye ibi ti lati ṣeto ojula bọtini - awọn akojọ, kuro ti olukawe akoonu, tabi ninu awọn ẹlẹsẹ (isalẹ ti ojula) ojula.