HTML
Lenguaje html:
¿Qué es el HTML?
HTML es un lenguaje de marcado utilizado para estructurar el contenido de la web. No es un lenguaje de programación, ya que no tiene lógica ni funciones, pero es esencial para la creación de sitios web. Se complementa con:
- CSS (Cascading Style Sheets): Define el diseño y la apariencia de la página.
- JavaScript: Añade interactividad y dinamismo.
Gracias a HTML, se pueden crear desde páginas web simples hasta aplicaciones web complejas cuando se combina con otras tecnologías.
¿Cómo trabaja un documento en la web?
Un documento HTML sigue una estructura básica que permite a los navegadores entender su contenido. Funciona mediante:
- Estructura básica: Cada documento HTML comienza con
<!DOCTYPE html>, seguido de<html>,<head>, y<body>. - Encabezado (
<head>): Contiene metadatos, enlaces a hojas de estilo CSS y scripts. - Cuerpo (
<body>): Contiene el contenido visible de la página, como texto, imágenes, enlaces y formularios. - Renderización: El navegador interpreta el código HTML y muestra la página al usuario según las reglas definidas por CSS y JavaScript.
¿Cómo trabaja la web?
La web funciona a través de una arquitectura cliente-servidor:
- Un usuario ingresa una URL en su navegador.
- El navegador envía una solicitud al servidor donde está alojada la página.
- El servidor responde con los archivos necesarios (HTML, CSS, JavaScript, imágenes, etc.).
- El navegador interpreta y renderiza la página en la pantalla del usuario.
COMENTARIOS:
Para escribir un comentario en un archivo HTML, usa la siguiente sintaxis:
Los comentarios en HTML no se muestran en la página web cuando se carga en el navegador, pero siguen siendo visibles en el código fuente.
<BR>:
Sirve para saltar de linea, aunq en el blog pulsemos enter, no lo va a reconocer como un salto de linea, para ello deberemos utilizar <br>.
Etiquetas:
Negrita
<b>Texto en negrita</b>→ Texto en negrita (sin importancia semántica).<strong>Texto importante</strong>→ Texto importante (indica importancia).
Cursiva
<i>Texto en cursiva</i>→ Texto en cursiva (sin importancia semántica).<em>Texto enfatizado</em>→ Texto enfatizado (indica énfasis).
Subrayado y Tachado
<u>Texto subrayado</u>→ <u>Texto subrayado</u>.<s>Texto tachado</s>→Texto tachado.
Tamaño y Estilo de Texto
<small>Texto pequeño</small>→ Texto pequeño.<mark>Texto resaltado</mark>→ Texto resaltado.<sup>Texto superíndice</sup>→ X<sup>2</sup>.<sub>Texto subíndice</sub>→ H<sub>2</sub>O.
Citas y Código
<pre>→ Mantiene el formato original del texto.
Tablas:
- Las tablas permiten organizar la información (texto, imágenes, mapas sensibles, hiperenlaces, listas, formularios e incluso otra tabla) en celdas organizadas en filas y columnas.
- Una tabla viene definida por las etiquetas de comienzo <fin >, respectivamente.
- El comienzo de una fila de la tabla va marcado con la etiqueta ; el uso de es opcional pero recomendable
- Las celdas de una fila pueden ser de dos tipos:
- Cabecera(<th>)
- Datos(<td>).
- Las celdas de cabecera aparecen en negrita y las celdas de datos con letra normal.
- La etiqueta <CAPTION> </CAPTION> indica el titulo de la tabla. Esta etiqueta si se usa, debe ir inmediatamente después de la etiqueta .
Comentarios
Publicar un comentario