Skip to content

Latest commit

 

History

History
66 lines (49 loc) · 2.84 KB

1.1_Introduccion_a_HTML.md

File metadata and controls

66 lines (49 loc) · 2.84 KB
Raw

⏴ Volver al índice

¿Qué es HTML?

Ver la clase en vídeo

HTML es el lenguaje de marcado estándar para crear páginas web.

  • HTML significa Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto)
  • HTML describe la estructura de una página web
  • HTML consiste en una serie de elementos
  • Los elementos HTML le dicen al navegador cómo mostrar el contenido
  • Los elementos HTML están representados por etiquetas
  • Las etiquetas HTML etiquetan piezas de contenido como "títulos", "párrafo", "tabla", etc.
  • Los navegadores no muestran las etiquetas HTML, pero las usan para representar el contenido de la página

HTML es uno de los pilares de la World Wide Web, junto con CSS (Cascading Style Sheets) y JavaScript. Juntos, estos lenguajes permiten crear páginas web atractivas y dinámicas que se pueden ver en cualquier navegador web.

Ejemplo de página en HTML:

    <!DOCTYPE html>
    <html>
        <head>
            <title>Título de la página</title>
        </head>
        <body>
            <h1>Esto es un titular</h1>
            <p>Esto es un párrafo</p>
        </body>
    </html>

Imagen de ejemplo

Archivo del ejemplo

Explicación del ejemplo:

  • <!DOCTYPE html> define que el documento es HTML5
  • <html> es el elemento raíz de la página
  • <head> contiene información sobre el documento
  • <title> título del documento
  • <body> contiene los elementos visibles
  • <h1> define el titular de la página
  • <p> define un párrafo

HTML Tags

Las etiquetas HTML son nombres de elementos rodeados de corchetes angulares:

<tagname>El contenido va aquí...</tagname>
  • Las etiquetas HTML normalmente vienen en pares como <p> y </p>
  • La primera etiqueta en un par es la etiqueta de inicio o apertura, la segunda etiqueta es la etiqueta final o de cierre
  • La etiqueta final se escribe como la etiqueta de inicio, pero con una barra diagonal insertada antes del nombre de la etiqueta

Navegadores

El propósito de un navegador web (Chrome, Edge, Firefox, Safari) es leer documentos HTML y mostrarlos. El navegador no muestra las etiquetas HTML, pero las usa para determinar cómo mostrar el documento.

La declaración <!DOCTYPE>

  • La declaración <!DOCTYPE> representa el tipo de documento y ayuda a los navegadores a mostrar las páginas web correctamente. Solo debe aparecer una vez, en la parte superior de la página (antes de las etiquetas HTML).
  • La declaración <!DOCTYPE> no distingue entre mayúsculas y minúsculas.
  • La declaración <!DOCTYPE> para HTML5 es: <!DOCTYPE html>.

Powered by Kiko Palomares