HTML como lenguaje de programación básica, siglas de HyperText Markup Language que significa "Lenguaje de marcas de hipertexto", es el lenguaje utilizado para representar documentos en la Web a manera de página web. HTML, hace referencia al lenguaje de marcado para la elaboración de páginas web en sus diferentes versiones:
- Se define una estructura básica
- Y un código (denominado código HTML) para la creación de la página.
- Gráficos.
- Vídeo.
- Audio.
- Enlaces (documentos o sitios de Internet).
Ventajas
- Fácil de usar. (Saber aquí el uso de las etiquetas)
- Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo.
- Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red.
- Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc.
Desventajas
- Es muy básico. (No ofrece características tan avances como otros programas).
- No ofrece diversidad de opciones. (Se limita a un cierto punto de complementos).
- No es muy completo.
¿Qué necesito para crear una página Web?
- Contenido de la página.
- Navegador.
- Editor HTML. (Bloc de notas).
- Imágenes u otros archivos.
- Mantenimiento de la página. (Esto es necesario para brindar una mejor apariencia).
¿Cómo empiezo a escribir HTML?
De manera resumida se explica como comenzamos a escribir un código HTML, para el diseño de páginas web:
- Se necesita de un editor de texto o Bloc de notas y un navegador para visualizarlo. (Puede ser el que se tiene instalado: Chrome, Firefox, Explorer,etc.) .
- Se realiza el código. (Aqui inicia la estructura del código a introducir).
- Se va guardar con extensión .htm o .html.
- Cuando hagas doble clic sobre él se abrirá el navegador y se mostrará la página.
Así de sencillo es realizar esto, solo recuerda que cuando editas en HTML, no es lo mismo que editar en otros programas de diseño de paginas web.
Etiquetas
Las etiquetas son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido. Es en donde se desarrolla los valores o el contenido que vayamos a poner en cada caso, dependiendo al tipo de etiqueta que se use.
- Las etiquetas están encerradas entre los signos "<" y ">".
- Generalmente vienen en pares <p> y <⁄p>.
- La primera es de apertura y la segunda de cierre.
- El texto que se encuentra entre dos etiquetas es el contenido del elemento. Siempre localizada entre la etiqueta de inicio y la etiqueta de cierre.
- Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>. Esto es bueno, ya que no afecta la sintaxis, ni lo que se quiere expresar con la etiqueta.
Atributos
Muchas etiquetas llevan atributos.Estos permiten y/o proveen información acerca del código que se esta manejando, dentro de cada uno de los elementos de HTML.
- Los atributos siempre van con la estructura: nombre="valor". Por lo regular siempre se tiene que hacer esto, ya que los atributos incluyen elementos o valores.
- Los atributos siempre van en la etiqueta de apertura.
- Los valores siempre hay que ponerlos entre comillas.
Complementos
Por ultimo punto se encuentran los complementos que podemos que podemos incluir en el código HTML para que nuestra página web, visualizada en el navegador que elijamos, tenga un poco más de presentación, de estructura y de orden en la información. Se pueden agregar elementos como:
- Formatos del texto
- Listas
- Enlaces
- Imágenes
- Multimedia
- Tablas
- Mapas sensibles
- Formularios
Estos son algunos de los complementos más importantes que podemos poner en el cuerpo del documento HTML.
Versiones
A continuación se presentan una imagen donde se se muestran algunas versiones del lenguaje de marcas de hipertexto HTML, con el resumen de lo que contiene cada una de sus versiones:
A continuación para finalizar vamos a mostrar un poco de como es la estructura del código de HTML:
Siempre debemos de tomar en cuenta el contenido del documento HTML que estemos editando o haciendo uso de el; entre todos estos documentos es que comparten características en común:
- Cada uno de los documentos HTML comienzan con la etiqueta <HTML>, que es la englobará nuestro documento actual.
- Después comienzan las partes fundamentales del código y son: La cabecera y el cuerpo, encerrados en sus respectivos elementos <HEAD> cabeza y <BODY> cuerpo.
- La cabecera puede contener información como el titulo del elemento si se desea por medio del siguiente elemeneto:<TITLE>.
- Entre las aberturas <BODY> </BODY>, se encuentra el contenido de nuestro documento, ya sean elementos multimedia o simple texto, tablas,enlaces, entre otros.
Un documento escrito en HTML contiene el siguiente orden con respecto a las etiquetas:
<HTML>
<HEAD>
<TITLE> Aquí puede ir el titulo que gustes </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera pagina </CENTER> </H1>
<HR>
<p> Este es un mensaje de muestra: Inserta texto</p>
</BODY>
</HTML>
Gracias por tu atención prestada a este apartado y espero que te haya sido útil la información.
·
