Conceptos básicos de HTML

Conceptos básicos de HTML

Las mejores plataformas de cursos online
Las mejores herramientas para organizar el trabajo
Nociones básicas de Google Analytics

El lenguaje HTML es el empleado para describir el contenido de los documentos que forman una página web. Te contamos algunos aspectos importantes a tener en cuenta en el uso de HTML.

Conceptos básicos para empezar una web

El HTML (HyperText Markup Language) emplea una sintaxis especial compuesta por marcadores, más conocidos como elementos que rodean al texto, que hay en un documento para indicar a los navegadores web cómo deben interpretar el contenido.

programar en HTML

En HTML hay dos categorías generales para organizar los elementos en dos tipos de contenidos y estructuras.

  • Elementos de bloque. Están situados en el nivel superior y normalmente definen la estructura del documento. Este tipo de elementos son útiles cuando quieres diferenciar entre dos bloques. Un ejemplo de elementos de bloque son los párrafos, las listas, los títulos y las tablas.
  • Elementos en línea. Son los que se encuentran incluidos en los elementos estructurales de bloque. Están formados sólo por partes pequeñas del contenido del documento y no por párrafos enteros o grupos de contenido. Los vínculos de hipertexto, las palabras, frases destacadas o citas breves son ejemplos de elementos en línea.

En la estructura del HTML encontrarás:

  • Un elemento de tipo de documento o doctype que describe la categoría de HTML que se usa para que los navegadores web puedan determinar cómo deben interpretar el documento y saber si sigue las normas que lleva incorporadas.
  • Las etiquetas de apertura y cierre del elemento html.
  • El elemento <HEAD>, dentro del html, contiene los metadatos. En la cabecera está el elemento <title>, que define el título de la página de la barra de menú.
  • Dentro del elemento <body> se incluye el contenido real de la página. Aquí van los textos, imágenes (<IMG>) y todo lo que tiene que ver con la web.
  • Los elementos <H1> o <H2> se usan como títulos o encabezados. Suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Este elemento es muy importante en el posicionamiento de buscadores.
  • El elemento <TABLE>, que incluirá una tabla en la que tendrás filas <TR> y celdas <TD>.

El editor más usado para crear páginas web es Dreamweaver, aunque también se pueden usar programas gratuitos que vienen normalmente instalados en nuestros ordenadores, tales como el Bloc de notas para Windows y TextEdit para Mac.

programacion HTML

Para editar tu HTML con el Bloc de notas tienes que:

  • Abrir el programa y pegar o escribir tu código.
  • En las pestañas situadas en la parte superior selecciona Archivo y ahí Guardar como. La terminación del archivo será .txt y debes cambiarla a .html.
  • Abre la carpeta donde hayas guardado el archivo. Sitúate sobre él y selecciona la opción Abrir con, elige el navegador que desees y ya podrás ver el resultado del código que has insertado.

 Quizá te interese leer Los mejores softwares gratuitos para empresas

Si quieres editar tu HTML con TEXT EDIT debes:

  • Abrir el programa y pegar o escribir tu código.
  • En la pestaña edición selecciona Convertir en texto normal.
  • Guardarlo sustituyendo la terminación .txt por .html, te aparecerá un aviso que debes aceptar.
  • Dirígete a la carpeta donde hayas guardado el archivo y ábrelo usando el navegador que prefieras y podrás visualizar el resultado del código que has insertado.

Para poder crear tu página web vas a necesitar estar conectado a Internet, así que no dudes en contratar la mejor tarifa de Internet para empresas. Entra en nuestra web o llámanos al 1496 gratuitamente y te daremos toda la información que necesites.

¿Ya conoces los elementos más importantes del HTML?

COMENTARIOS

WORDPRESS: 0
DISQUS: 0

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies