¿Qué es el Responsive Web Design?
El Responsive Web Design es crear tu web usando HTML y CSS de forma que automáticamente se rescale y adapte para que se vea bien en todos los dispositivos (ordenadores, tablets, móviles, etc).
Configurando el Viewport
Para que las...
JavaScript
Con JavaScript podemos hacer las páginas HTML más dinámicas e interactivas.
See the Pen HTML | 1.25 - JavaScript - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.
La etiqueta <script>
- La etiqueta <script> se usa para definir un...
CSS
- CSS significa Cascading Style Sheets (Hojas de estilos en cascada)
- CSS describe cómo se deben mostrar los elementos HTML en la pantalla, papel o en otros medios
- CSS nos ahorra mucho trabajo. Podemos controlar el diseño de varias páginas a la vez
- Las hojas de estilo...
Iframes
Un iframe sirve para mostrar una página web completa dentro de otra página web.
Width y Height
Tenemos los atributos de width y height para especificar un tamaño al iframe.
Por defecto es un valor en píxeles.
También podemos usar CSS para ponerle el...
Rutas de archivos
Con las rutas de archivos definimos donde esta localizado un archivo en una página web. Las rutas pueden ser para:
- Páginas webs
- Imágenes
- Hojas de CSS
- Scripts de JavaScript
Rutas absolutas
Una ruta absoluta es una URL completa.
<img...
El atributo id
- El atributo id especifica un identificador único para un elemento HTML
- El valor del id se usa en CSS y JavaScript para aplicar estilos o tareas sobre el elemento
- En CSS se usa el # para seleccionar el elemento
See the Pen HTML | 1.23 - El atributo id - 1 by Francisco...
El atributo class
El atributo class de HTML se usa para definir estilos iguales para varios elementos al mismo tiempo.
En el ejemplo de abajo tenemos tres <div> que tienen la clase box y a todos se le aplica el mismo estilo.
See the Pen HTML | 1.22 - El atributo class by Francisco...
Imágenes de fondo
Casi todos los elementos HTML pueden tener una imagen de fondo.
Para añadir una imagen de fondo se usa la propiedad de CSS background-image
See the Pen HTML | 1.17 - Imágenes de fondo - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.
...
Guía de estilo
Sé inteligente y piensa en el futuro
Un estilo consistente hace que sea más fácil para otros entender el código HTML.
Mantén tu código ordenado, limpio y bien formado.
Uso correcto del Document Type
<!DOCTYPE html>
...
Qué son los emojis?
Los emojis parecen imágenes pero no lo son. Son letras del alfabeto UTF-8.
UTF-8 cubre la gran mayoría de caracteres y símbolos del mundo.
El atributo chartset
Para que se vean bien necesitamos poner el chartset correctamente en los meta de la web....
Entidades
- Caracteres reservados en HTML deben ser reemplazados por entidades.
- Los caracteres que no están en el teclado también son remplazados por caracteres.
- Algunos caracteres están reservados en HTML.
- Si usas el menor que < , o el mayor que > el navegador...
Elementos semánticos
elementos semánticos = elementos con significado
¿Qué son los elementos semánticos?
Un elemento semántico describe claramente lo que significa tanto para el navegador como para el desarrollador.
Ejemplos de elementos no...