EL HTML
¿QUE ES HTML?
HTML (HyperText Markup Language) es el lenguaje de marcado estándar para la creación de páginas web. Se usa para estructurar el contenido de una página mediante etiquetas que indican elementos como encabezados, párrafos, imágenes, enlaces, tablas y más.
Por ejemplo, un código HTML básico podría verse así:
<!DOCTYPE html>
<html>
<head>
<title>Mi Página Web</title>
</head>
<body>
<h1>¡Hola, mundo!</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>
Los navegadores web interpretan el código HTML y lo muestran de manera visual para los usuarios. Para mejorar el diseño y la funcionalidad, se suele combinar con CSS (para estilos) y JavaScript (para interactividad).
Caracteristicas
HTML tiene varias características clave que lo hacen esencial para el desarrollo web:
1. Lenguaje de Marcado
- Usa etiquetas para estructurar el contenido.
- No es un lenguaje de programación, sino de estructura.
2. Estructura Jerárquica
- Se organiza en elementos anidados dentro de etiquetas
<html>,<head>,<body>, etc.
3. Independiente de Plataforma
- Funciona en cualquier navegador y sistema operativo sin necesidad de compilación.
4. Uso de Etiquetas Simples y Comprensibles
- Las etiquetas básicas incluyen
<h1>para encabezados,<p>para párrafos,<a>para enlaces,<img>para imágenes, etc.
5. Interacción con Otros Lenguajes
- Se combina con CSS para el diseño y JavaScript para agregar interactividad.
6. Facilidad de Aprendizaje y Uso
- Es fácil de entender y modificar, incluso para principiantes.
7. Compatibilidad con Multimedia
- Permite incluir imágenes, videos y audio con etiquetas como
<img>,<video>,<audio>.
8. Evolución Constante
- Actualmente, HTML5 es la versión más usada, con mejoras como
<canvas>para gráficos y<article>para estructura semántica.
Gracias a estas características, HTML es la base del desarrollo web moderno.
Etiquetas
Etiquetas HTML básicas
Estas son las etiquetas más usadas para crear cualquier documento HTML, a
continuación, las explicamos:
<body> para el contenido
<head> para información sobre el documento
<div> división dentro del contenido
<a> para enlaces
<strong> para poner el texto en negrita
<br para saltos de línea
<H1>...<H6> para títulos dentro del contenido
<img> para afíadir imágenes al documento
<o> para listas ordenadas, <u> para listas desordenadas, <li> para
elementos dentro de la lista
<p> para parágrafos
<span> para estilos de una parte del texto
<body> </body>
EJEMPLOS
Ejemplo HTML:
Pulsa <a href="https:/www.nombredelaweb.com/" target-" blank'>aquí<la>
para visitar DonDominio.
<strong> </strong>
Si tienes mucho texto, es importante poder dar énfasis a una parte en
concreto, con la etiqueta strong lo podemos hacer.
Ejemplo HTML:
Quiero destacar solo <strong>esta palabra</strong>
<brr
Con esta etiqueta HTML le podemos decir al navegador que viene un salto de
linea. Nos sirve para hacer el texto más leible.
<H1> <IH1> ... <H6> <IH6>
Comentarios
Publicar un comentario