HTML, siglas en inglés de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web.
CSS, en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.
La maquetación web consiste en transformar el diseño de una web en un conjunto de archivos ( html, css y js ) para que los navegadores web puedan interpretarlos y reproducirlos correctamente en diferentes dispositivos. La maquetación es una fase avanzada del proceso de desarrollo web. Pasos a seguir hasta llegar a la fase de maquetación web : Briefing inicial Si la web ofrece una información clara, bien estructurada y atractiva el usuario tendrá todas las facilidades para acceder a los contenidos que le interesan rápidamente y conseguir una experiencia satisfactoria. Generación de contenidos Una buena experiencia se traduce con una mayor duración de la estancia de los visitantes en la web. Diseño Si ofrecemos una información de calidad y en un formato atractivo tenemos muchas más posibilidades de reducir el porcentaje de visitas que abandonan la web después de pocos segundos de haber accedido y sin realizar ninguna acción. Maquetación web Ofrec...
Encabezado También puedes utilizar la etiqueta <small> para agregar texto secundario como se muestra en el siguiente ejemplo: Alineación Utiliza las clases text-left , text-center , text-right y text-justify en párrafos para alinearlos a la izquierda, centro, derecha y justificados respectivamente. Tablas Para aplicarle los estilos de Bootstrap a las tablas debes agregar la clase table : < table class = " table " > ... </ table > Tablas con bandas Agrega la clase table-striped para intercalar el fondo de las filas entre blanco y gris: < table class = " table table-striped " > ... </ table > Botones Agrega la clase btn sobre las etiquetas <a> y <button> , en conjunto con una de las siguientes clases para crear un botón más estilizado: btn-default , btn-primary , btn-success , btn-info , btn-warning , btn-danger o btn-link . < button type = " button " class = " btn btn-default Tamaños Utiliza ...