Pprimeros pasos con bootstrap 4 para crear páginas web que se adapten a cualquier tamaño de pantalla.
Categoría Html-Css
17 entradas
Al diseñar un sitio web debemos tener en cuenta las preferencias de los usuarios potenciales según su edad.
Estilos de bordes en css (border-style) En este tutorial aprenderemos cuáles son los principales estilos de bordes en Css. none: Sin borde. {border: 2px none blue;} hidden: Con el estilo hidden aparentemente no hay diferencia con none pero hay diferencias cuando se trata de una tabla. {border: 2px hidden blue;} […]
Tipos de listas en Html En este tutorial aprenderemos a utilizar los diferentes tipos de listas que existen en HTML: ordenadas, no ordenadas y de definiciones. Listas ordenadas Las listas ordenadas se crean con la etiqueta <ol> (ordered list) y cada uno de sus elementos con <li> (list item). Se […]
Unidades de medida en css En este tutorial vamos a aprender cuáles son las principales unidades de medida en Css. Las unidades de medida sirven para definir la anchura, la altura y márgenes de elementos así como el tamaño de letra, etc.. Los valores se representan como números enteros o […]
Etiquetas de título o encabezados en Html En Html se pueden utilizar seis tipos distintos de encabezados: «h1«, «h2«, «h3«, «h4«, «h5» y «h6«. Al igual que otras etiquetas en Html, debe haber una etiqueta de apertura «<h2>» y otra de cierre «</h2>«. Veamos algunos ejemplos de encabezados <h1>Encabezado de […]
Crear formularios en Html Los formularios en Html sirven para recoger la información obtenida de los usuarios mediante texto o opciones, subida de archivos, etc. Una vez que se han cubierto los campos del formulario, el usuario los envía al servidor para que sean procesados. Estructura básica de un formulario […]
Entidades de carácter y numéricas en Html En este tutorial veremos una lista de las entidades de carácter más usadas en HTML. En las primeras versiones del lenguaje Html se usaba el juego de caracteres ISO-8859-1 (Latin-1). Para incluir en las páginas caracteres que no estaban incluidos en él se […]
Crear tablas en Html En este tutorial aprenderemos a crear tablas en HTML utilizando la etiqueta <table>. Las tablas son estructuras muy utilizadas para organizar datos en filas y columnas, donde cada fila se compone de un conjunto de celdas. Para definir la tabla usaremos la etiqueta <table> (table) Para […]
Incluir enlaces (links) en Html En este tutorial aprenderemos cómo incluir enlaces (links) en HTML con la etiqueta <a>. Los enlaces pueden ser internos (hacia otra página de nuestro sitio web), externos (hacio otro sitio web) o enlaces ancla (hacia otra zona de la misma página). Enlace sencillo hacia una […]
Incluir imágenes en Html En este tutorial aprenderemos cómo incluir imágenes en HTML con la etiqueta <img>. El elemento «img» es un elemento vacío, es decir, que no tiene contenido textual ni etiqueta de cierre. Para poder insertar una imagen, requiere por lo menos el atributo «src» (ruta de la […]
Varias imágenes de fondo en un mismo Div En este tutorial aprenderemos cómo podemos colocar varias imágenes de fondo superpuestas en un mismo div, con html y css, anidando elementos. Cada imagen en un div diferente Crearemos varios divs en cascada donde meteremos las diferentes imágenes Veamos un ejemplo <div […]
Guía de selectores CSS El selector es la parte de la regla CSS que indica a qué elemento o parte de una página se le aplica un determinado estilo. Etiquetas Se utilizan las propias etiquetas html como selectores. Ejemplo: Selector { atributo : valor } <head> <title> Ejemplo </title> <style> […]
Enlace teléfono en html En este turorial aprenderemos cómo añadir enlaces en nuestra página web para números de teléfono utilizando el protocolo tel: Enlace teléfono El enlace para llamar por teléfono en la web permite que al hacer click sobre el se abra una ventana en el dispositivo para […]
Enlace email en html En este tutorial aprenderemos cómo añadir enlaces en nuestra página web para direcciones de email utilizando el protocolo mailto: Enlace email El enlace para enviar email en la web permite que al hacer click sobre el se abrirá nuestra aplicación de correo electrónico para enviar un […]
Cambiar opacidad de elemento sin que afecte a sus hijos En este tutorial aprenderemos cómo modificar la opacidad de un elemento en css sin afectar a sus hijos o a su contenido. Para modificar la opacidad usamos la propiedad opacity, con valores entre cero y uno. Veamos un ejemplo <!--Elemento […]
Media Queries Dispositivos Móviles En este tutorial veremos una lista de la mayoría de dispositivos y sus respectivos media queries para realizar diseños web responsive. DISPOSITIVOS ACER DISPOSITIVOS ALCATEL DISPOSITIVOS APPLE DISPOSITIVOS ASUS DISPOSITIVOS HTC DISPOSITIVOS KINDLE DISPOSITIVOS LENOVO DISPOSITIVOS LG DISPOSITIVOS SAMSUNG DISPOSITIVOS SONY SMARTWATCHES Si te ha gustado […]