Html y Web Master Área

Bueno esta sección la cree con el objetivo de hacerle un altar al Html, sin el Html nunca hubiese podido tener este sitio ni mucho menos poderlo compartir con ustedes, aquí podrás encontrar un cursillo pequeño de como crear paginas web's, códigos html, artículos para Web master, efectos Javascript y una serie de recursos descargables para que le pongas a tu Web el aspecto que siempre deseaste.

Artículos, manuales y apuntes:

Como Estar en Google (Nivel Básico)

Cursillo de HTMl (Nivel Básico)

Hospedaje de Web's gratuito o por coste

Todo Sobre los Meta Tags (Nivel Básico en Html)

Los 10 tips para empezar y la definición de Internet

 

Sub Secciones

Descargas de Software para creación de Web's

Directorio Web de Caas Producciones

Creador de Meta Tangs (Requiere conocimientos de Html)

Scripts en Javascript (Nivel Básico, entendimiento de Html)

 

Cursillo Básico de Html según caas producciones

Por: Carlos Alberto Arango Schutz

Comentarios o sugerencias a:
caasproducciones@gmail.com

Descargar Manual

Índice

  1. ¿Que es Html?

  2. ¿Y para que sirve el Html?

  3. ¿Como son las extensiones de los ficheros para paginas web's de HTML?

  4. ¿Como se especifican las etiquetas para manejar hipertexto o HTML?

  5. Títulos

  6. Atributos de Texto

  7. Listas

  8. Enlaces (Hipervínculos)

  9. Como incluir un grafico en una pagina Web

 

¿Que es Html?

HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir o escribir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces  que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (imágenes, sonidos, descargas, etc.) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, Tablas, etc.) así también se puede agregar efectos y sutiles detalles al declarar (cursiva, negrita, subrayado, etc.) con etiquetas de html que después van a ser interpretadas por el explorador que tenga el usuario (Internet Explorer, Netscape, etc.) y posteriormente se visualizara nuestra pagina.

 ¿Y para que sirve el Html?

Como lo dije anteriormente el HTML es simplemente un código que permite darle un aspecto muy ameno a la pagina y que impide la monotonía de las Web's (auque existen paginas monótonas créanlo o no, pero la monotonía es una parte esencial de nuestras vidas o ¿no?, bueno dejando las reflexiones filosóficas) en fin permite que la información le llegue al usuario de una manera fluida y rápida.

¿Como son las extensiones de los ficheros para paginas web's de HTML?

Las extensiones son o .htm o .html, no se diferencian en nada y funcionan igual.

¿Como se especifican las etiquetas para manejar hipertexto o HTML?

Muy sencillo las etiquetas se especifican entre dos signos como el de mayor y menor así <palabra> y se cierran al final con un </palabra> esto permite que el explorador identifique entre texto común y código html  eje:

 

<HTML>

<HEAD>

</HEAD>

<BODY>

aquí se muestra como se abre la primera etiqueta con <> y se cierra con una igual pero con un </>.

</BODY>

</HTML>

La estructura básica de un documento de HTML es la siguiente, no se pueden repetir ninguna de las etiquetas que van a ser mencionadas en un documento:

<HTML> Aquí se indica que empieza un código HTML. <HEAD> Aquí se colocan valores que se van a utilizar en todo el documento. </HEAD><BODY> Aquí se pone toda la información del documento un texto normal y esas cosas. </BODY> Aquí se inca que se termina el código HTML</HTML>

Existen muchas etiquetas que se pueden incluir en el encabezado <HEAD> Y </HEAD> aquí en este sitio se puede declarar el titulo (de la ventana del explorador), los Meta Tags, variables o eventos cuando se trabaja con JavaScrip, en fin se pueden incluir muchas cosas las cuales la mayoría no serán visualizadas por el hiperlector de nuestra Web pero que servirán para darle un mejor aspecto a la pagina. La única etiqueta del encabezado que explicare a continuación será la del titulo de nuestra pagina:

<HTML>

<HEAD>

<title> Caas Producciones y Carlos Arango </title>

</HEAD>

<BODY>

aquí va lo que tu quieras poner

</BODY>

</HTML>

Títulos

Se pueden definir distintos tamaños y formas de títulos a través de las etiquetas <h> </h> acompañadas del numero del titulo deseado. eje:

Titulo 1:
<h1>Mucha importancia</h1>

Mucha importancia

Titulo 2:
<h2>Menos importancia</h2>

Menos importancia

Titulo 3:
<h3>Mucha menos importancia</h3>
 

Mucha menos importancia

 

Atributos de Texto

Yo siempre he sido fiel a una cosa y es que hacer paginas web's (y sobre todo con FrontPage) es como trabajar en Word, es muy sencillo, lo único que hay que tener en cuenta es una serie de cositas que se las dejo en una tabla por que si no me demoraría mucho tiempo en explicarlas todas y la verdad me da pereza volver al pasado cuando no sabia HTML.

Etiqueta

Descripción

Ejemplo

<br>

Sirve para separar una línea de la otra como utilizar enter en un teclado.

esta es una línea <br>

esta es otra línea

<p>

Sirve para separa un párrafo de otro.

Esto es un párrafo auque no lo parezca <p>

esto es otro párrafo

<blockquote>

</blockquote>

Sirve para hacer una cita textual.

<Blockqoute> Hola decía miguelito al abuelito </Blockqoute>

<b></b>

<i></i>

<b> pone negrita </b>

<i> pone cursiva </i>

No necesita ejemplo (¿o si?)

<center>

</center>

pone el texto centrado

<center> que decía mi abuelo </center>

 que decía mi abuelo

Listas

En esta sección del manual voy a poner simplemente un par de ejemplos para que los vean y deduzcan como se hace una lista enumerada y en viñeta.

Viñeta:

<ul>-Esto define viñeta

<li>Tomates
<li>Manzanas
<li>Frijoles

</ul>

  • Tomates

  • Manzanas

  • Frijoles

Enumerada:

<ol>-Esto define enumerada
 
<li>Miguelito
<li>Manolito
<li>Babosin
 
</ol>

  1. Miguelito

  2. Manolito

  3. Babosin

Enlaces (Hipervínculos)

Hay 5 clases de enlaces que son:

  1. Externos (van a otra Web)

  2. Internos (van a un sitio dentro de la pagina)

  3. Locales (van a otra pagina de nuestra Web)

  4. Archivos (permiten hacer un enlace para un archivo en Internet)

  5. Mail ("permiten enviar un mail", no es cierto lo e comprobado varias veces para esto se utiliza Asp o Php)

 Tabla Explicativa:

Enlace

Explicación

Externos

<a hrf="http://www.elguille.info> ir a la pagina del guille </a>

Internos

se coloca el enlace con un nombre cualquiera así: <a hrf="#manual"> ir al manual </a> y donde se encuentra el manual en la primera línea se coloca: <a name= "manual"> </a>

Locales

Todo depende del directorio en el cual este, si esta en primer directorio se coloca: <a hrf="manual.htm"> ir al manual </a> o si esta en una carpeta distinta se coloca: <a hrf:"manualhtml/manual.htm"> ir al manual </a>

Archivos

Por ejemplo se coloca así: <a hrf:"kazaa.zip"> descárgate kazaa </a>

Mail

Pronto aquí habrá una explicación con Asp

Como incluir un grafico en una pagina Web

Simplemente se coloca la dirección en un parámetro mas o menos así:

<img src="mimadre.gif" >