Estructura básica de un documento HTML

estructura-básica-de-un-documento-html

Estructura básica de un documento html es el segundo de los temas que se incluye en lenguje HTML y CSS para WordPress.

Este artículo es la primera parte en la que te enseño que debes hacer y conocer antes de empezar a crear la estructura

 

Mailrelay

 

   Estructura básica de un documento HTML: Antes de empezar

A continuación te explico cuales son los pasos que debes de seguir en Backets antes de crear la estructura básica de un fichero HTML.

Los pasos que debes seguir son los siguientes:

  • Crear la carpeta de trabajo
  • Crear el fichero html en la carpeta

   Crear la carpeta de trabajo

Lo primero que tienes que hacer es decirle a Brackets en que carpeta vas a trabajar y como es la primera vez que lo vas a hacer tienes que crearla

Para crear una nueva carpeta de trabajo en Brackets tienes dos opciones:

  1. En la parte superior izquierda desplegar la opción “Primeros Pasos” y seleccionar la opción “Abrir carpeta…abrir-carpeta-en-brackets-1
  1. En el menú superior seleccionar la opción “Archivo” y a continuación “Abrir carpeta…abrir-carpeta-en-brackets-2

Por supuesto, a la nueva carpeta puedes ponerle el nombre que tu quieras, no tienes porque llamarla Mi sitio web.

   Crear un fichero nuevo en la carpeta de trabajo

Una vez creada la carpeta y seleccionada para que puedas crear la estructura básica HTML para tu documento, primero tienes que crear un archivo.

Puedes crear el archivo directamente en el menú superior pero también lo puedes hacer pulsando las teclas “Ctrl+N”.

crear-fichero-nuevo-brackets

Una vez creado y abierto el fichero en la carpeta de trabajo, guárdalo como fichero “.html” y mi consejo es que le des el nombre de “index.html

guardar-fichero-como-html

¿Por qué index.html? pues por que cuando los buscadores presentan, a solicitud del usuario, un sitio web buscan este fichero.

 

   La estructura básica de un documento HTML y sus elementos más importantes

en cualquier documento HTML existen dos elementos muy importantes y son los siguientes:

  • Las etiquetas
  • Los atributos

   Las etiquetas

HTML trabaja en base a etiquetas que es texto que se encuentra entre parentesis angulares “< y > y sirven para decirle al nevegador lo que tiene que hacer, entre otras cosas.

Puedes encontrar más información en la “Wikipedia”

elementos-principales-de-html

Toda etiqueta se abre con el signo menor que (<), seguido del nombre de la etiqueta y luego se cierra con el signo mayor que (>).

A continuación vendría todo el contenido y al final el cierre de la etiqueta que se diferencia de la apertura porque contiene un slash (/).

   Los atributos

Las etiquetas suelen tener atributos; estos son valores adicionales que configuran o añaden información a las etiquetas o ajustan su comportamiento de diversas formas para cumplir los criterios de los usuarios.

 

Vídeo explicativo

 

Conclusión

Conclusión

Antes de crear la estructura de un documento HTML con Brackets primero tendremos que:
– Crear una carpeta de trabajo y un fichero inicial que guardaremos con la extensión “.HTML”

HTML trabaja con base a etiquetas que pueden también incluir atributos

 

Comparte este contenido si te pareció útil y si crees que le ayudarás a alguien más.

GRATIS consejos, trucos y tips sobre Marketing con Redes Sociales, Tráfico Web y Negocios por Internet para hacer de tu negocio, empresa o proyecto más rentable?

Es muy sencillo sólo déjame tus datos en el formulario que que tienes a la derecha, será un placer poder ayudarte y además te llevarás un regalo.       icon-arrow-right        icon-arrow-right        icon-arrow-right        icon-arrow-right        icon-arrow-right        icon-arrow-right

 

Web Hosting
 

Te acompaña y apoya en tu éxito,

Toni Herrera

 

 

Mailrelay, email marketing

 

Quiero darte las gracias por ayudarme a hacer crecer este blog y pedirte, si te pareció que esta información es útil, que compartas este artículo en Twitter, Facebook o Google +1.

Por mi parte te puedo asegurar que seguiré trabajando para aportar el máximo valor que me sea posible.

No te olvides de déjame tus comentarios más abajo, que con mucho gusto leeré y atenderé. Gracias de veras y de corazón por tu apoyo incondicional.

icon-angle-double-down

Deja un comentario

A %d blogueros les gusta esto: