HTML

El lenguaje de marcado de hipertexto (HTML) es un lenguaje de marcado para crear una página web. Las páginas web suelen verse en un navegador. Pueden incluir texto, enlaces, imágenes e incluso sonido y vídeo. El HTML se utiliza para marcar y describir cada uno de estos tipos de contenido, de modo que el navegador web pueda mostrarlos correctamente. El HTML también puede utilizarse para añadir metainformación a una página web. La metainformación no suele ser mostrada por los navegadores y son datos sobre la página web, por ejemplo, el nombre de la persona que la creó. Las hojas de estilo en cascada (CSS) se utilizan para dar estilo a los elementos HTML, mientras que JavaScript se utiliza para manipular los elementos HTML y los estilos CSS.

El HTML fue creado por el World Wide Web Consortium (W3C). Existen varias versiones de HTML. En septiembre de 2018, el estándar actual de HTML se denomina HTML 5 y se encuentra específicamente en la versión 5.2.

Etiquetas

El lenguaje HTML utiliza unos fragmentos especiales de lenguaje de programación llamados "etiquetas" para que el navegador sepa cómo debe ser una página web. Las etiquetas suelen venir en pares: una etiqueta de apertura define el comienzo de un bloque de contenido y una etiqueta de cierre define el final de ese bloque de contenido. Hay muchos tipos de etiquetas, y cada una tiene un propósito diferente. Consulte las etiquetas HTML básicas más abajo para ver ejemplos de etiquetas.

Algunas etiquetas sólo funcionan en determinados navegadores. Por ejemplo, la etiqueta <menuitem>, que se utiliza para hacer aparecer algo cuando la persona pulsa el botón derecho del ratón, sólo funciona en el navegador Mozilla Firefox. Otros navegadores simplemente ignoran esta etiqueta y muestran la escritura normalmente. Muchos creadores de páginas web evitan utilizar estas etiquetas "no estándar" porque quieren que sus páginas se vean igual en todos los navegadores.

Ejemplo

Aquí hay una página de ejemplo en HTML.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Este es el título de la página. </title> 5 </head> 6 < body> 7 < p> Esto es un párrafo. </p> 8 < a href="https://www.domain.com"> Este es un enlace. </a> 9 < img src="imagen.jpg" alt="Imagen"> 10 </body> 11 </html>

Una página HTML sencilla sería esto: un solo párrafo con "¡Hola mundo! " escrito en él.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> ¡Hola! </title> 5 </head> 6 < body> 7 < p> ¡Hola mundo! </p> 8 </body> 9 </html>

Etiquetas HTML básicas

Nombre de la etiqueta	Nombre	Función	Ejemplo de código
`<! DOCTYPE>`	Doctype	Define el tipo de documento	<!DOCTYPE html>
`<html>`	HTML	Define un documento HTML e inicia un documento HTML.	< html> Todo el código</html>
`<cabeza>`	Cabeza	Contiene cualquier código que no se utilice para mostrar elementos en la página web	<head></head>
`<título>`	Título	Define el título de la página web (se muestra en la ficha) y se introduce dentro del `<head>`	<título> Página web</título>
`<cuerpo>`	Cuerpo	Contiene los elementos visibles de la página web (y contiene el párrafo y más)	<body> Etiquetas Html</body>
`<h1>` a `<h6>`	Rúbricas	Títulos de varios tamaños `(<h1>` es el más grande)	< h1> Título</h1>
	Párrafo	Define un párrafo de texto	< p> TEXTO</p>
	Anclaje	Crea enlaces activos a otras páginas web	< a href="www.domain.com"> Visite nuestro sitio</a>
`<img>`	Imagen	Muestra una imagen en la página	< img src="ImageUrl" alt="Texto mostrado si la imagen no está disponible">
`<br>`	Romper	Inserta un único salto de línea	Texto < br> Texto
`<center>`	Centro	Mueve el contenido al centro de la página	<centro> Código</centro>
`<script>`	Guión	Crea un script en la página web, normalmente escrito en JavaScript	<script> document. write("¡Hola Mundo!")</script>

Uso de etiquetas HTML

Hacer una página web

Hacer una página web es fácil, lo único que hay que recordar son las etiquetas y el orden para hacer una página web.

En primer lugar, tienes que encontrar un lugar para escribir las etiquetas HTML (recomiendo el bloc de notas) y escribir las etiquetas.

Aquí hay otro ejemplo de una página con etiquetas HTML.

<html>

<título> ¡Hola! <título>

<h1>¡Hola mundo!</h1>

</head>

<p>

Esta es una página de etiquetas HTML.

</p>

Por: *Insertar nombre aquí*

</footer>

</html>

Una vez que haya terminado, guarde en esto en este formato: helloworld.htm

(no pongas espacios)

¡Y ya está! Una vez que lo guardes en tu ordenador, si lo pulsas, ¡te enviará a tu página web en google!

Preguntas y respuestas

P: ¿Qué es HTML?

R: HTML es un tipo de lenguaje de marcado que se utiliza para crear páginas web que contienen escritos, enlaces, imágenes y audiovisuales.

P: ¿Cuál es la función de HTML?

R: La función del HTML es indicar a los navegadores web el aspecto que deben tener las páginas web y añadir metainformación como el nombre del creador de la página web.

P: ¿Cuáles son algunos ejemplos de medios que pueden incluirse en las páginas web creadas con HTML?

R: Algunos ejemplos de medios que pueden incluirse en las páginas web creadas con HTML son los archivos de audio y los videoclips.

P: ¿Cómo complementa CSS a HTML?

R: CSS se utiliza para cambiar la apariencia de las páginas HTML.

P: ¿Cuál es el papel de JavaScript en el desarrollo web?

R: JavaScript es un lenguaje de scripting esencial en el desarrollo web, ya que indica a los sitios web cómo deben comportarse y puede cambiar la apariencia de HTML y CSS.

P: ¿Quién es el responsable de la creación de HTML?

R: HTML está creado por el Consorcio World Wide Web (W3C).

P: ¿Cuál es la versión estándar actual de HTML?

R: Desde septiembre de 2018, HTML 5 es la última versión estándar de HTML en su versión 5.2.