.png)
Cosas que he aprendido de HTML:
Los encabezados HTML o heading tags son etiquetas de código HTML que se utilizan para definir los títulos y subtítulos de una página. ¿Y cómo se definen estos encabezados? Con la etiqueta < Hn> donde “n” es un número entre 1 y 6 que indica la jerarquía de dicha cabecera.
El elemento p (párrafo) es el apropiado para distribuir el texto en párrafos. Sus etiquetas son: < p> y < /p> (la de cierre es opcional). Crea una caja: en bloque.
Hay algunas etiquetas que se emplean para destacar pequeñas porciones de un párrafo o de una frase (aunque también se pueden aplicar a un gran bloque, como un párrafo entero): < strong> y < /strong>: para destacar una parte del texto. Normalmente el texto incluido entre esas etiquetas se representa en negrita. < em> y < /em>: se emplea para enfatizar un texto; habitualmente se representa en cursiva. < i> e < /i>: hacen que un texto se muestre en cursiva. La estática es similar al caso anterior, aunque su significado desde la haptica del lenguaje HTML es diferente. Como la mayoría de las etiquetas HTML podemos anidarlas para obtener así¬ un texto doblemente destacado, en este caso con negrita y cursiva. Quedará de la siguiente manera: < p>El bloque siguiente es muy < strong>< em>importante < /em>< /strong></p>
Podemos modificar el indicador del orden en este tipo de listas mediante el atributo type. Así podemos conseguir que el orden lo marquen los números (1, 2, 3, ...); las letras mayúsculas o minúsculas (a, b, c, ...), (A, B, C, ...); o los números romanos en mayúsculas o en minúsculas (I, II; III; ...), (i, ii, iii, ...). Para ello utilizaremos el atributo type=" " con los siguientes valores:
type="1": listas con números: (1, 2, 3, ...)
type="a": listas con letras minúsculas: (a, b, c, ...)
type="A": listas con letras mayúsculas: (A, B, C, ...)
type="I": listas con números romanos en mayúsculas: (I, II, III, ...)
type="i": listas con números romanos en minúsculas: (i, ii, iii, ...)
Por defecto el navegador muestra siempre la primera opción (type="1"). El atributo type=" " puede llevarlo tanto la etiqueta < ol> como la etiqueta < li>. Cuando lo lleva la etiqueta < ol> el cambio de estilo afecta a toda la lista, y cuando lo lleva la etiqueta < li>, el cambio de estilo afecta solo a esa etiqueta.
Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Este concepto ha estado presente en nuestra sociedad por un largo período de tiempo y ha sido adoptado por HTML en sus etapas iniciales, como una forma de transmitir información que, de otro modo, no sería comprendida tan fácilmente.
En documentos HTML una tabla puede ser considerada, resumidamente, como un grupo de filas donde cada una contiene a un grupo de celdas. Esto es conceptualmente distinto a un grupo de columnas que contiene a un grupo de filas, y esta diferencia tendrá un impacto en la composición y comportamiento de la tabla.
Como muchas otras estructuras de HTML, las tablas son construidas utilizando elementos. En particular, una tabla básica puede ser declarada usando tres elementos, a saber, < table> (el contenedor principal), < tr> (representando a las filas contenedoras de las celdas) y < td> (representando a las celdas).
Si solo insertamos texto en nuestras páginas webs, estas quedarán muy sencillas y poco lucidas. Es por ello que en HTML tenemos la capacidad de insertar imágenes.
Las imágenes podrán ser elementos representativos de página web o elementos decorativos. Si bien, en el caso de ser elementos decorativos deberíamos de utilizar CSS para insertarlos en nuestra página web.
El uso de imágenes dentro de una página web tiene que hacerse con cautela, ya que cada imagen que pongamos en nuestra web incrementará el tamaño (peso) de la página. Por lo cual se verá afectado el tiempo de descarga de la página. Insertar una imagen: El elemento img Para insertar una imagen en HTML tenemos el elemento img, cuya sintaxis básica es: < img src="nombreimagen.jpg" alt="" />
Todos los formularios comienzan con un elemento < form>, como este:
< form action="/my-handling-form-page" method="post">
< /form> < form action="/my-handling-form-page" method="post"> < /form>
Este elemento se define formalmente en un formulario. Es un elemento contenedor, como un elemento < section>o < footer>, pero específico para contener formularios; también admite algunos características específicas para la configuración de la forma en que se comporta el formulario. Todos sus atributos son opcionales, pero es una práctica estándar establecer siempre al menos los atributos actiony method: El atributo actiondefine la ubicación (URL) donde se envían los datos que el formulario ha recopilado cuando se validan. El atributo methoddefine con qué método HTTP se envían los datos (generalmente geto post).