El realizar una página Web se puede realizar con diferentes herramientas, pero con el lenguaje que se realizan utilizando la programación es con HTML, y por lo regular hay tutoriales o nos dicen que con poco conocimiento en este lenguaje y más con práctica, ¡es realmente sencillo!, bueno quizás para algunos que les gusta programar a lo mejor si, pero para algunos otros, la mejor opción que escogen es con plantillas prediseñadas, o programas de diseño nada que ver con lenguaje HTML.

Por ejemplo para realizar una página en HTML quizás solo hace falta conocer y aprender un poco de ese lenguaje, lo que son las etiquetas básicas, las cuales te indicarán al navegador ( Firefox, Internet Explorer, etc.) como distribuir y mostrar tus palabras y como van a salir tus imágenes en la pantalla.

La estructura básica de un documento HTML es la siguiente:

<html>
<head>
<title> Título de la Página Web</title>
</head>
<body>
Aquí se introduce todo el texto de la página….
</body>
</html>

Aquí se observa que no debe haber espacios entre los corchetes al inicio y al final y las etiquetas, y aparte algunas etiquetas de formateo aparecerán en pares, con la segunda etiqueta precedida por la diagonal (/), se interpreta como abrir y cerrar la etiqueta.

Algunas de las etiquetas básicas utilizadas en HTML son las siguientes:

<h1>Nombre o Texto del Encabezado</h1>

Encabezado nivel 1. Es el tamaño mayor del encabezado, utilizado por lo general al principio de una página o de alguna sección totalmente nueva.

<h2>Encabezado menor que h1</h2>, <h3>Encabezado menor que h2</h3>, etc.

Estas etiquetas son los Encabezados de menor tamaño.

<b>Texto</b>

Texto en Negritas

<i>texto<i/>

Texto en itálicas

<center>Texto</center>

Texto Centrado

<p>párrafo</p>

Marcador de párrafo (Inserta un renglón vacío entre párrafos)

<br>

Separador de renglón (sin renglón vacío extra).

<blockquote>texto</blockquote>

Para hacer una cita o referencia larga, se introduce el contenido de la cita entre estas dos etiquetas. Blockquote inserta espacio a la izquierda y a la derecha de la cita.

<hr>

Línea horizontal. La línea corre de izquierda a derecha en la página y se puede usar para separar una sección de otra.

<ol>…</ol>

Lista ordenada o numerada. Cada elemento de la lista comienza con la etiqueta <li> y termina con </li>.

<a href=”nombre-de-archivo.html”>…</a>

Liga o enlace a otro archivo en la misma carpeta.

<a href=”http://URL”>enlace</a>

Liga o enlace a otro sitio web. Deberás conocer la URL o domicilio Web del sitio al cual quieres enlazar tú pagina.

<img scr=”image.gif”>

Esta etiqueta inserta una imagen con el nombre “imagen.gif” a la izquierda de tu página.

Nota del editor.

Ya tienes pagina web? buscas hosting de calidad?, visita
Okhosting.com la empresa numero uno de  Web host dominios y páginas web en
Mexico
, conoce nuestros planes de Hosting , y si aun no tienes nombre
de dominio  ( dirección única en internet www.tuempresa.com) regístralo al mejor
precio, venta de
dominios www.tuempresa.com
, y    dominios .MX,  si aun no cuentas con un sitio web
ahora es facil,  Crea tu pagina web con el  programa Sitebuilder SW, con
el cual tendrás una página profesional en minutos sin conocimientos de diseño ni
programacion. Visita okhosting.com y sal a la luz del internet.

Como vimos, los Textos y los datos hay que insertarlos entre símbolos así < > y van acompañados de claves que indican el tamaño, color posición, etc. Y solo arriba te nombre algunas etiquetas más utilizadas, faltan aun más si quieres que tu página quede tal y como tu lo deseas, con el color que quieres el fondo, las letras, las posiciones, etc.

Y aunque para algunos les es fácil decir que con saber solo un poco puedes elaborar tu página mediante este lenguaje sin saber nada de programación y que puedes copiar y pegar de algunas etiquetas de ejemplos que vienen en páginas, para no batallar, la verdad es que para la mayoría que no sabemos programar bien y aunque nos guste mucho si se batalla un poco, porque quizás queramos agregar algo o acomodar un texto o imagen en algún lugar que no nos sabemos la etiqueta para que asi sea, y empezamos a batallar, porque andamos localizando la etiqueta correcta para que realice lo que queramos, en sí para algunos es un buen lío y más si lo que quieres es ver lo más pronto posible tu página ya en la Web.

Y no nada más eso si no que la página se visualiza de acuerdo a las fonts (a las diferentes formas de letras) de la gran variedad de las diferentes formas de letras que tiene el que recibe la imagen, de su configuración y del navegador que use, osea que si a mí me gusta un tipo de letra y la utilizo, muy pocos verán el texto como lo hice yo, ya que no todos tendrán ese tipo de letras en su ordenador.

Aparte en la combinación de fotos con texto es difícil para colocarlos donde te gusten, y podrás lograrlo pero con utilización de tablas. Y si deseas utilizar letras más decorativas, o añadir dibujos y fotografías, deben convertirse a formatos “gif” o “jpg”, que son tramados, parecidos a los que se usan para imprimir en artes gráficas, pero con menos resolución.

Y así hay algunas trabas para quienes no conocemos este lenguaje y queremos empezar a programarlo.

Pero Afortunadamente existen programas, como FrontPage de Microsoft, que permiten ir visualizando la distribución, el tamaño de las letras y su color tal como se va construyendo la página, mientras de forma automática se genera el llamado “código fuente”. U otros programas de diseño o sitios que te ofrecen sus servicios y pongan a tu disposición que realices tu pagina por medio de páginas prediseñadas y herramientas muy sencillas.

Así que sinceramente el realizar tu página Web con HTML será ¿fácil?, esta es la perspectiva de algunas personas que hemos pasado por el querer realizar una pagina Web con HTML sin saber nada de este lenguaje, si se logra pero con mucha paciencia, y que cuenten con el gusto por programar, e investigar.

Pero para quienes les guste los retos o quiere aprender este lenguaje, adelante no les quito sus ganas y ni su empeño, ¡¡suerte!!, yo prefiero lo sencillo y rapidez.

 

 

Autor: Mónica Vega

Ok Hosting, Investigación y Tecnología