Hogyan készítsünk egy gombot html

Hogyan készítsünk egy gombot html

Már hosszú ideje, HTML marad népszerű nemcsak a helyszínen a fejlesztők, hanem az internethasználók körében, mivel ez egy egyszerű és kényelmes jelölés a weboldalak, amely támogatja a legtöbb szövegszerkesztő.



1
Mi a HTML?

HTML nem egy programozási nyelv, sokak szerint ez egy kiegészítő elem, amely szükséges a jelölés a webes dokumentum.

Egy vizuális Például azt mondhatjuk, hogy a programozási nyelv - végrehajt egy speciális programot, amely által meghatározott programozó (például üzenetek küldésére más felhasználó bármely oldalon), és hogy a böngésző megérti, akik meg kell küldeni ezt üzenetet, és más árnyalatok a szövegek, képek, hangfájlok (a képek találhatók, a weboldalakat, milyen betűtípust és méretet a szöveget, és így tovább), nem az, hogy a HTML.

HTML áll egy sor speciális címkéket. A címkék olyan különleges szó, amely elvégzi a kívánt parancsot HTML-ben.



2
Hogyan hozzunk létre egy gombot a HTML?

1. módszer

Meg kell kezdeni egy gombot, akkor kell dönteni a tervezési, milyen funkciókat fog végezni. Ehhez sokkal kényelmesebb, hogy egy tervet, vagy inkább egy blokk diagram.

Alapvetően ilyen címkéket használnak kell kezdeni egy gombot:

  • Segítségével Tag Input;
  • Használja Button tag;
  • A hivatkozásokat a címkék és CSS tulajdonságok.

Külön szeretném megjegyezni, CSS tulajdonságok segítségével szépen létrehozásakor, fényes, gyönyörű, eredeti gombokkal. A CSS eszközök, sokkal könnyebb dolgozni grafika.

Így annak érdekében, hogy hozzon létre egy gombot, amire szüksége van:

  • Ide egy szövegszerkesztőben.
  • Egy szövegszerkesztőben adja ezeket az adatokat:

  • \u003cInput type \u003d "button" name \u003d "next" value \u003d "next" /\u003e, ahol a bemeneti típusú címkét, gomb felelős létre a gombot is, a neve - a felelős hozzárendeljük a gomb a felhasználó által kiválasztott név, next - a gomb nevét (ahogy azt fogják hívni), „value \u003d” next - ezzel a címkével van beállítva, például megjelenítésére a létrehozott cím gombot. Ügyeljen arra, hogy nyomon követni az összes zárójelben zárva. Ha nem, legalább egy hiányzó zárójel, a létrehozott gomb nem jelenik meg a böngészőben.
  • Miután az összes szükséges adatot, mentse el a dokumentumot HTML formátumban. Ehhez meg kell változtatni a terjeszkedés a dokumentum mentésekor átnevezni. Adj egy nevet, és miután a lényeg, hogy meghatározzák, hogy ez egy HTML dokumentum. Először kattintson a fájlra, majd a „Mentés másként ...”

  • Ezt követően, a megjelenő ablakban adja meg a fájl nevét, majd kiválasztjuk a „Minden fájl”, és adja meg a kívánt mellék. Mi is ne felejtsük el, hogy adja meg az utat, ahová a fájlt menteni.

  • Fájl kiterjesztés írása után egy pont, szóköz nélkül.

  • Megnézheti kattintva a létrehozott fájlt.

  • A létrehozott gomb a következőképpen fog kinézni.

Számos módja van, hogy hozzon létre egy gombot a HTML. TEG INPUT, nem az egyetlen tag, mellyel létre egy gombot a HTML.

2. módszer.

Vannak még különböző minták létrehozására gombok, de a legjobb, ha a CSS eszközöket. Például lehet, hogy a gombok a képpel együtt.

  • Ehhez is a szövegszerkesztő jelzik az ilyen címkék:

\u003cGomb Name \u003d "Next" value \u003d "Next"\u003e

\u003cImg style \u003d „vertical-align: közép; width: 24px; " src \u003d http://nubex.ru/files/siroezhkin/icon.png.

"Alt \u003d" „/\u003e

Létrehozása gomb

\u003c/ Gomb\u003e

  • Már ismerős számunkra, Tag gomb felelős létre egy gombot. Az IMG stílus parancs megjelenítéséért felelős a link, ahol a kép van tárolva, és itt meg kell adni az összes főbb jellemzői a képet, hogy hány pixel, hogyan keresse. Ügyeljen arra, hogy ne felejtsük el, hogy adja meg az összes idézetek és konzolok, különben az információ nem jelenik meg, vagy nem teljesen.

A címkék a HTML nem olyan nehéz, de ez nélkülözhetetlen asszisztens weboldalak létrehozásakor és fontos elem az oldalon.

 

Hozzászólni

Az Ön e-mailjei nem kerülnek közzétételre. A szükséges mezők megjelölve vannak *

bezárás