Question

me prodian dar un ejemplo para cresr paginas HTML

Answer 1

Menu
Blog - Inicio
Artículos por Producto
Artículos por Producto

Dominios
Correo electrónico y Office
Hosting
Marketing en línea
Programas de revendedor
Seguridad web
Sitios web
Cancelar
10 códigos html para páginas web y para qué sirven

Por Alejandra Rubio Bravo 19/07/2017
El código secreto de la tecnología
Crear una página web es más fácil de lo que imaginas. En esta ocasión te vamos a dar 10 códigos html para páginas web y para qué sirven.

Si bien es cierto que debes tener conocimientos sobre informática y programación, mientras sepas algunos trucos básicos, como qué son los códigos html, ya estás de otro lado.

¿Qué son los códigos html para páginas web?

Los códigos html son el lenguaje universal que se utiliza para programar y elaborar sitios web.

Las siglas html significan “Hyper Text Markup Language” o Lenguaje Marcado de Hipertexto. Este tipo de códigos genera sitios web estáticos, aunque usados con otros lenguajes de programación se pueden crear sitios dinámicos.

Este lenguaje se compone de etiquetas en serie que los navegadores traducen en la pantalla como:

Imágenes
Texto
Hipervínculos
Listas de palabras
Tablas de tabulación.
Usando diferentes etiquetas se puede crear una página web estructurada y organizada con un contenido visible en cualquier pantalla.

¿Cómo funcionan?

Para que un texto o una imagen puedan leerse en este tipo de códigos, siempre debe tener una etiqueta de inicio y una de cierre. Por ejemplo, para el título de un sitio sería:

Diseño de páginas

De no contar con una etiqueta de cierre entonces no podría visualizarse el título porque el navegador no podría leerla como nosotros deseamos. Simplemente la página aparecería como error.

Por esto es muy importante conocer la naturaleza de los códigos html, su función y qué deseamos construir con cada uno de ellos.

¿Cómo usar los códigos html?

Para crear una página web completa debes hacer uso de documentos html para poder tener organizados todos los códigos que vayas a usar. Este documento es un archivo con una extensión .html y puede realizarse en el editor de textos de tu preferencia.

10 tipos de códigos html para páginas web

Existen diferentes tipos de códigos básicos que puedes usar para tu página web. Los principales son los que le dan forma al título, al cuerpo de la página y a las imágenes y videos.

A continuación, encontrarás las etiquetas básicas para que te familiarices con ellas y vayas identificándolas poco a poco.

html

es la que debe usarse en todos los códigos porque indica a los navegadores que el documento tiene código html para que pueda leerlo de esa forma.

Título

es la etiqueta que le da un título a la página web, de esta manera el sitio tendrá un nombre con el cual los usuarios puedan identificarlo.

Encabezado

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 visualizan la página no pueden ver.

Cuerpo

es la etiqueta que se usará en todo el sitio. Te ayudará a agregar texto, imágenes, videos o cualquier otra funcionalidad que desees agregar como contenido.

Títulos y subtítulos

son etiquetas que funcionan para agregar títulos y subtítulos a la página web. Se utilizan después de la etiqueta para seguir con la organización del sitio.

Imágenes

con esta etiqueta podrás agregar imágenes al cuerpo de tu página. Lo único que tienes que hacer es agregar la etiqueta después de la etiqueta .

Hipervínculos

esta etiqueta se agrega para insertar un hipervínculo a la página. Por ejemplo, el link hacia tus redes sociales o hacia otro sitio web con el que desees conectar tu página.

Links internos

sirven para agregar listas para crear menús en tu sitio que te dirijan a otras páginas dentro de él. Con estas etiquetas le darás secuencia a todo tu contenido, pues los usuarios podrán ir de una página a otra sin problema alguno.

Estilo

.

El broche de oro

es la última etiqueta que debes de utilizar y es muy importante que lo hagas porque cerrará con broche de oro tu sitio. Volverá tu sitio legible en cualquier navegador y, además, brindará la especificación del idioma en el que aparecerá la página con la etiqueta .

Para cerrar los códigos

Es muy importante que no olvides cerrar todos tus códigos pues de lo contrario no podrán visualizarse en la página como te lo mostramos más arriba. Para cerrarlos debes incluir una diagonal, como en el siguiente ejemplo:

Diseño de páginas