HTML (HyperText Markup Language, por sus siglas en inglés) es el lenguaje de marcado estándar para páginas web, el cual nos permite crear nuestros propios sitios web. Siendo HTML la tecnología fundamental para definir la estructura de la página web, ya que consiste en una serie de elementos, que usa para encerrar, envolver o marcar diferentes partes del contenido. Cada elemento aparece o actúa de cierta manera, logrando que el buscador los presente como un párrafo, un enlace, una lista, u otro.
Primeros Pasos
Inicialmente se crea un archivo de texto en nuestro computador, al cual le debemos cambiar la extensión por "html", como se puede ver en la siguiente imagen:
Antes de comenzar, es necesario mostrar la estructura de un elemento en html. Este comienza con un tag o etiqueta que caracteriza el papel que cumple sobre el documento, luego se coloca el contenido, y por ultimo un tag, como se muestra a continuación:
<nombre-tag>contenido</nombre-tag>
Al abrir el documento, usando cualquier editor de texto, se añaden las siguientes líneas:
<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Mi primer ejemplo</h1>
<p>este es un párrafo</p>
</body>
</html>
Este es un ejemplo básico que nos ayuda a familiarizarnos con la estructura de html.
- <!DOCTYPE html> define que estamos trabajando con un documento HTML5.
- <html> es el elemento raíz de la estructura de un documento HTML.
- <head> contiene la información de la página.
- <title> es el título principal el cual se mostrará en los buscadores.
- <body> contiene todos los elementos visibles en una página, como los títulos, subtítulos, párrafos, enlaces, tablas, imagenes, etc.
- <h1> es el título más grande en la página.
- <p> define un párrafo.
Comentarios
Publicar un comentario