Lenguaje HTML

- Los elementos de la Web se componen de textos, imágenes, vídeos… Y se colocan dentro de la página de la forma que facilite mejor su entendimiento y uso. La colocación de estos elementos sobre la página se llama estructura. 


Cabecera o header: Normalmente se coloca en la parte superior de la página.

Logo: Es la marca o título que tiene la página

Menú: Es el elemento principal de navegación entre los apartados. Lo podemos encontrar también en el pie de página.

Cuerpo de la página o body: Donde introducimos los contenidos principales.

Pie de página o footer: Cierre, copyright, créditos…






- El lenguaje HTML está conformado por un sistema de etiquetas en serie o tags, que incluyen instrucciones que los navegadores traducen como:

  • Imágenes
  • Texto
  • Hipervínculos
  • Listas de palabras
  • Tablas, etc.

Así, para que un elemento de este tipo pueda ser leído, la etiqueta debe tener dos partes: una etiqueta de inicio (<etiqueta>) y una de cierre (</etiqueta>) entre guiones (< >).

Por ejemplo, las etiquetas <strong> y </strong> definen un texto en negrita.

1. HTML: <html> está al inicio de un documento HTML e indica a los navegadores que la página tiene código HTML para que pueda leerlo de esa forma. Siguiendo la sintaxis del lenguaje, la etiqueta de cierre </html> será el último elemento del documento.

2. Encabezado: <head> es la etiqueta que se utiliza para el encabezado de la página. Su principal función es contener toda la información del funcionamiento del sitio. Debido a esto, es un código encriptado que las personas que entran a la página no pueden ver.

3. Título de la página: <title> es la etiqueta que da a tu sitio un nombre para que los usuarios puedan identificarlo. Es el título que puedes ver en las pestañas del navegador.

4. Cuerpo: <body> es la etiqueta que contiene todos los elementos individuales del sitio. O dicho de otra forma, comprende todo el contenido visible del sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar.





- 
txt : Son el tipo de archivo más simple en texto. Solo guardan  caracteres (letras, números y símbolos de puntuación).  No mantendrán ningún tipo de formato como subrayado, tamaño o tipos de letra. Son los más genéricos y por tanto pueden ser abiertos con cualquier editor de texto. La aplicación más común es el Bloc de Notas.

rtf: (Rich Text Format). Este tipo de formato de texto enriquecido, ya conserva propiedades del texto como el subrayado, los tamaños, colores, etc. La aplicación que lo emplea es el WordPad presente en los sistemas operativos Windows.

odt: (Open Document Text) Documento de texto abierto, es el empleado por los paquetes Writte de OpenOffice. Sigue el standard ISO/IEC 26300, por ello toda aplicación, desde la aprobación del estándar debería permitir su apertura y guardado.  Mantienen a nivel interno una clara separación entre contenido y formatos.

doc-docx:  Es el equivalente al formato odt anterior, pero propietario de Microsoft. Es el generado con la aplicación Word. Los docx son una evolución en las últimas versiones del paquete Office.

wps: Archivos de texto utilizado por la aplicación Works, también distribuido habitualmente con los sistemas operativos Windows.

html: Es el tipo de documento que contiene texto con etiquetas especificas del lenguaje HTML. Se utiliza para la creación de páginas web. Es el formato que lee nuestro navegador para mostrar la página. Es editable con aplicaciones como el bloc de notas.





-  El HTML es el núcleo de cada página web, independientemente de la complejidad de un sitio o la cantidad de tecnologías involucradas. Es el punto de partida para cualquier persona que esté aprendiendo a crear contenido web. Y, por suerte para nosotros, es sorprendentemente fácil de aprender.

HTML significa lenguaje de marcado de hipertexto. "Lenguaje de marcado" significa que, en lugar de usar un lenguaje de programación para ordenar funciones, el  HTML utiliza etiquetas para identificar diferentes tipos de contenido y los fines de cada uno para la página web.





- 
A vía artesanal (la «antigua»): Componer tu web a base de crear «a mano» el código HTML de cada una de esas páginas de tu web y enlazarlas entre sí.

La vía moderna: Usar un CMS como, por ejemplo, WordPress, trabajando de manera visual, sin tener que codificar y maquetar el contenido en HTML.

  • Aprender el principio fundamental de HTML: crear documentos estructurados con etiquetas.
  • Elegir el mejor editor para tu caso concreto.
  • Crear la estructura básica de tu página HTML: la cabecera y el cuerpo.
  • Crear el contenido y aplicarle formato con las etiquetas HTML: títulos, párrafos de texto, enlaces, imágenes, tablas, audio y vídeo embebido, etc.
  • Si los necesitas, integrar también los elementos interactivos (formularios).
  • Implementar, en su caso, en el servidor la lógica para responder a los formularios.
  • Publicar (hacer visible) la página en Internet o en local.




Fuentes 



Comentarios

Publicar un comentario

Entradas más populares de este blog

Animales y Plantas modificadas genéticamente