Programación Web Necocli

Formateo básico

Vamos a ver como podemos modificar el aspecto de nuestro texto usando fragmentos en negrita, cursiva, y otras opciones que nos brinda el lenguaje HTML.

La manera que tendremos de hacer esto es usando las etiquetas de formato que son las siguientes:

b - Texto en negrita
i - Texto en cursiva
h1, h2, h3... - Encabezados
p - Párrafo
u - Texto subrayado
s - Texto tachado
kdb - Texto que el usuario debe escribir
cite - Este código es usado para citas generalemente cortas
dfn - Resalta una palabra que se va a definir posteriormente
right - Texto desplazado hacia la derecha
center - Texto desplazado hacia el centro de la página
font - Marca que sirve para definir la fuente y el color del texto que escribiremos.
big - Texto de dimensiones mas grandes
pre - Texto que ha sido formateado, es decir que respeta los saltos de línea, enters, etc que ha colocado usted.

Estas marcas las usaremos de la siguiente manera:

El cuerpo del documento

Las páginas HTML siempre y cuando no estén formadas por frames, tienen su contenido delimitado por las etiquetas body (el cuerpo del documento), estas etiquetas definen que forma parte del contenido de la página y que no, de esta manera, si nuestro servidor nos añade código quedará fuera del cuerpo, ya que no es contenido de la página.

La sintaxi para este elemento es la siguiente:

Sintaxi
`000`	`<body[ propiedades]></body>` Maximizar Seleccionar XML

Entre <body[ propiedades]> y </body> irá el contenido HTML de la página, y en propiedades especificaremos propiedades del objeto body, como por ejemplo:

background - Imagen de fondo
topmargin - Margen superior
leftmargin - Margen izquierdo
bgcolor - Color de fondo del documento
text - Color del texto de la página
link - Color de los vínculos
vlink - Color de vínculos visitados
alink - Color de vínculos activos

Por ejemplo crearemos un cuerpo de documento pegado a los margenes y de fondo negro:

Ejemplo
`000`	`<body topmargin="0" leftmargin="0" bgcolor="#000000"></body>` Maximizar Seleccionar XML

En el ejemplo se ve la forma de editar una propiedad

Introducción al HTML

HTML (HiperText Markup Language) es un lenguaje de formateo de texto en entorno web.

HTML es un lenguaje de marcas, lo que significa el texto del documento está mezclado con comandos que aportan información extra sobre el texto que delimita. Información que el navegador interpreta para dar formato a la página que finalmente verá el usuario.

Las marca se limitan con los signos menor que ( < ) y mayor que ( > ) y afectan a todo el texto que esta situado entre la marca de apertura y la de final (cerrada con una barra ( / ) ademas del mayor que), por ejemplo:

000

<b>Texto en negrita</b>

Maximizar

Seleccionar

XML

La estructura HTML es la siguiente:

 <html>
 <head><title>Aquí el titulo de tu página</title></head>
 <body>Texto de tu pagina (aquí irán los códigos, etc</body>
 </html>

Maximizar

Seleccionar

XML

Les explicaremos el significado de cada etiqueta:

<HTML> Indica que la pagina web esta echa en ese idioma y limita el documento.

<HEAD> Es un área de definición del documento HTML al que precede donde especifica información cómo el titulo de la pagina, entre etiquetas title y otra información destinada a buscadores.

<TITLE> Esta etiqueta será utilizada para los marcadores del navegador y definirá un nombre para tu página, te recomiendo que sea corto pero explicativo para que si te das de alta en los buscadores con solo el titulo quede claro de que tu página va de cualquier tema.

<BODY> Aquí irá todo el texto de tu página, todos tus códigos, etc

Usted puede empezar a hacer su web en un simple Bloc de Notas si tiene Windows o Simple Text si utiliza Macintosh aunque también puede adquirir otra serie de productos u programas que facilitan su tarea sin nescesidad de conocer el lenguaje HTML asistiendote en el diseño de tus contenidos para el web.