Entradas

Mostrando entradas de agosto, 2020

HTML #7 | Estructura jerárquica

Imagen
      La estructura #HTML5 utiliza elementos anidados entre ellos: Un padre [Parent] tendrá uno o más hijos [Child/Children]. Y un hijo podrá ser padre (o no) padre de uno o más elementos. Esto genera una relación 1:x:x.

HTML #6 | Contenido

Imagen
      Como vimos en las dos publicaciones anteriores, el contenido HTML es anidado en pares de etiquetas, la cuales poseen une etiqueta de apertura y otra etiqueta de cierre. La estructura básica de este lenguaje de marcas anida contenido dentro etiquetas del lenguaje de marcas. Esta repetición puede hacerse tantas veces veces como requiera el diseño propio de la página. El contenido anidado puede ser un contenido de texto plano (como podemos ver en este ejemplo, la palabra contenido) o más etiquetas, qué a su vez, al final, anidarán el contenido. Sea como sea, no todas las etiquetas deben anidar textos, algunas simplemente tienen la utilidad de dar forma a la página o aplicación híbrida. Sigue más tips de programación en: Twitter en @aritz.pozo Instagram en @aritz.js.dev Facebook: @aritz.js.dev        

HTML 5 | Cierres especiales

Imagen
  Tal y como vimos en la anterior publicación, la mayoría de etiquetas HTML deben tener una dos tags que marcan la apertura y un cierre de la misma, la segunda debe tener una contrabarra (Símbolo / ) que referencia a al cierre. En la anterior publicación vimos el siguiente ejemplo: <section></section> Pero algunas etiquetas # HTML tienen un cierre especial, estas etiquetas tienen autocierre o directamente no cierran. Los casos más comunes de estas etiquetas son: <IMG>: Para imprimir una imagen en pantalla, esta tiene una expresión de este tipo: <img src="ruta de la imagen" alt="<texto alternativo si la imagen no puede cargar" /> <LINK>: Esta etiqueta carga a un archivo CSS externo. Tiene una estructura: <link href='ruta del archivo CSS' rel='stylesheet' /> <BR> Imprime un salto de línea en pantalla. Esta etiqueta puede verse con autocierre o directamente sin cierre: <br/><br> ...

HTML #4 | La etiqueta

Imagen
    Las etiquetas #HTML están rodeadas por dos corchetes angulares (símbolos "mayor que" y "menor que"). Toda etiqueta de apertura debe tener su etiqueta de cierre. #100DaysOfCode #development #DEVCommunity #webdevelopment    

HTML #3 | Estructura

Imagen
    El lenguaje #HTML utiliza las etiquetas o tags como elemento fundamental. Esta estructura se basa está basada anidadas. #webdevelopment #100DaysOfCode #development #DEVCommunity

HTML #2 | Versión

Imagen
    La versión actual es #HTML5 . Y no parece que vaya a haber un upgrade a HTML 6 en los años próximos. #webdevelopment #100DaysOfCode #development #devcommunity    

HTML #1 | ¿Qué es?

Imagen
      #HTML , es uno de los lenguajes descriptivos más importantes hoy en día. Junto #css , #javascript , #PHP compone el grueso de tecnologías de la web #webdevelopment #DEVCommunity