Cómo hacer botones de una página Web

Los enlaces son una parte integral de cualquier sitio web. Los motores de búsqueda los utilizan para determinar qué páginas son populares y de la demanda, los diseñadores de páginas web los utilizan para navegar de una página a otra en un sitio web, y los usuarios de Internet en todo el mundo utilizan para compartir información con amigos a través de redes sociales. Los enlaces son muy importantes, y una manera de incorporar un enlace en su sitio web es a través de un botón. Botones vienen en dos tipos comunes: un comando de forma y una etiqueta de botón.

Instrucciones

El Comando de la Forma

1 Abra su programa preferido para editar HTML. Un editor HTML o incluso un editor de texto va a funcionar bien. También puede utilizar un editor WYSIWYG como Dreamweaver o KompoZer.

2 Escriba la primera línea de código para crear el botón de la sección del cuerpo del documento HTML:

<Form method = "link" action = "hogar.htm">

La etiqueta de "forma" permite que el equipo sabe que un elemento de formulario va a ser colocado en la página web. La parte "método" indica a la computadora para hacer un enlace con el formulario. "Acción" determina la conexión que se realizará; en este caso, la conexión se realiza a una página web "http: //www.homepage.htm."

3 Introduzca la siguiente parte del código directamente debajo de la primera línea de código. La segunda línea de código debe incluir los siguientes elementos:

<Input type = "submit" value = "Mi primer botón">

En esta porción de código, "tipo de entrada" denota el tipo de entrada que va a producir. En este caso, se le "enviar" un enlace. "Valor" contiene el texto que desea que el botón que se vea.

4 Cierre la apertura <form> escribiendo </ form> en la última línea de código. Aquí está todo el formulario para crear un botón de formulario:

<Form method = "link" action = "hogar.htm">

<Input type = "submit" value = "Mi primer botón">

</ Form>

botón de la etiqueta

5 Insertar la etiqueta botón en el documento HTML escribiendo lo siguiente:

Botón <> </ botón>

Incluir el texto entre las etiquetas de botón para mostrar texto en el botón:

<Botón> Ejemplo de texto </ botón>

6 Añadir estilo a su botón. Para cambiar la fuente, incluir

style = "font: 14px Arial negrita"

en la etiqueta del botón de apertura. Su etiqueta de botón modificado ahora debería tener este aspecto:

Botón <style = "font: 14px negrita Arial"> </ botón> Big texto en negrita.

7 Reemplazar texto con una imagen dentro del botón. Para lograr esto, elimine el texto entre las etiquetas <> botón, e incluir la etiqueta de imagen estándar en la etiqueta de apertura. El siguiente ejemplo muestra un ejemplo de una imagen "example.gif" en un botón:

Botón <> <img /> </ botón>

Consejos y advertencias

• Experimento con el uso de estilo (por ejemplo, style = "color: blue") dentro de la abertura <botón> etiqueta.