Come allineare un Buy Button & un pulsante Visualizza carrello in HTML

September 8

HTML elementi "div" consentono di contenere altri elementi HTML come bottoni e allinearle orizzontalmente. Il tag "div" fornisce un metodo per rendere le pagine Web più strutturati, che dà le pagine di un layout utente più comoda e intuitiva. È necessario posizionare il pulsante "Acquista" e il pulsante "Visualizza carrello" in un tag "div" per allinearli sulla pagina Web.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare. Selezionare "Apri con" nel popup, e fare doppio clic su un editor HTML. Se non si dispone di un editor, è possibile fare doppio clic su "Blocco note" e aggiungere il tag div HTML con il blocco note.

2 Scorrere la pagina HTML fino a raggiungere la posizione in cui si desidera posizionare i pulsanti "Visualizza carrello" "Buy" e. Digitare il seguente codice nella pagina:

<Div id = "pulsanti" align = "left"> </ div>

In questo esempio, i pulsanti sono allineati a sinistra del tag "div".

3 Digitare il "Buy" e "Visualizza carrello" codice del pulsante all'interno del codice tag "div" digitato nel passaggio due. Per esempio, il codice seguente mostra come creare due pulsanti che dicono "Buy" e "Visualizza carrello":

<Input type = valore "pulsante" = "Acquista">

<Input type = valore "pulsante" = "Visualizza carrello">

Collocato all'interno del tag "div", questi due pulsanti si allineano a sinistra quando vengono visualizzati nel browser Web.