lunes, 23 de septiembre de 2019

Creacion de Botones en HTML 5, con bootstrap

Glosario:
Framework: Es un entorno de trabajo​ o marco de trabajo,​ es un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.


¿Que es Boostrap?
Es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como “responsive design” o diseño adaptativo.

Código Botón en HTML
<button>Nombre botón</button>
El resultado es el siguiente:



Nota:
Todo archivo HTML debe contener mínimo:
<!DOCTYPE html>
<html lang="es">
</html>

Código Botón en HTML con Bootstrap

<link href="bootstrap.min.css" rel="stylesheet">
<button type="button" class="btn btn-default">Normal</button>

El archivo bootstrap.min.css se lo puede descargar de https://norfipc.com/style/bootstrap.min.css


Actividad 

1. Construir varios tipos de botones dentro de una tabla de 3x2



Fuente:
Tipos de botones de Bootstrap
https://uniwebsidad.com/libros/bootstrap-3/capitulo-5/botones
Botones de redes sociales
https://norfipc.com/codigos/como-crear-usar-botones-paginas-html5.php
Explicación propiedades de boton
https://vinkula.com/crear-botones-personalizados-con-html5-y-css3/

Armando

Autor y Editor

Ingeniero de Sistemas, Esp. en Seguridad Informatica, Programador, Webmaster, experto en mantenimiento de Computadores, apasionado por el software libre. En mis ratos libre me gusta jugar baloncesto y dialogar con la gente.

0 comentarios:

Publicar un comentario