Saltar al contenido

Mini tutorial HTML para mejorar tu Carta de Venta

  • por

Bienvenido en este artículo te presentamos una mini guía tutorial HTML, para que puedas consultarla cuando quieras y en donde te encuentres, aquí te explicamos cada uno de los componentes más básicos en HTML.

Hacer una pagina web en html

Actualmente las páginas web se diseñan automágicamente (automaticamente + mágicamente) y ya no es necesario saber nada de código HTML, cuando se utiliza un servicio de Generación de sitios web, Blogs o tiendas virtuales. Sin embargo, cuando se diseña una página web con fines comerciales, a veces es necesario conocer algunos trucos para mejorar el diseño de la página web, sin tener que contratar los servicios sobre preciados de los diseñadores web HTML.

Códigos para hacer una pagina web

Los principales códigos para hacer una página web son los siguientes, donde básicamente se codifica todo, la plantilla genérica es la siguiente:

<html>

<head>

<title>El título de la página</title>

</head>

<body>

Aquí viene el contenido

</body>

</html>

Puedes utilizar el Bloc de Notas o Notepad y guardar el archivo con el nombre "Carta de venta.html"

button en html   

Los botones son muy importantes en una carta de ventas, estos botones pueden ser gráficos o no, todo depende de la creatividad de cada persona. Si quieres agregar un botón en tu página web tienes que colocar el siguiente código html.

<button />

Este es el ejemplo:

<button />

tilde en html

A veces la tilde se vuelve imposible de encontrar, es por eso que te dejo su código para implementarla en HTML, el código es el siguiente:

&#126;

Y este es el ejemplo:

&#126;

espacio html &nbsp

Los espacios en html pueden ser un fastidio, por eso es conveniente utilizar el código:

&#32;o &nbsp

acento en html

El acento en html también es problemático y este es su código:

&#96;

subrayado en html

Para subrayar en html hay que colocar el siguiente código:

<u>palabra subrrayada</u>

alinear en html

Para alinear un párrafo en HTML, se coloca un código dentro de la etiqueta de párrafo o cualquier otra etiqueta:

<p style="text-align:left">Este es el texto que se debe alinear</p>

El anterior ejemplo es para alinear a la izquierda, right es para la derecha y center para el centro.

interlineado en html

Si quieres que las lineas tengan mayor separación puedes utilizar el siguiente código CSS.

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 120%   /*esta es la propiedad para el interlineado*/
color: #000;
padding: 10px;
}

html hipervinculos

Los hipervínculos también son esenciales y hay que conocerlos bien, este es un ejemplo:

<a href="http://dirección.web/" >Texto de anclaje</a>

negrita en html

Muchas personas tienen dificultad en entender que ahora para negrita en html se debe utilizar las etiquetas <strong> en lugar de <b> sin embargo la compatibilidad persiste.

<strong>Este es el fin del mini tutorial HTML</strong>

Este es el final del mini tutorial HTML.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *