HTML Lección 2

03-Dec-2013

Continuando con el tutorial anterior en el que te mostre cómo crear una página básica con HTML esta vez te enseñaré algunos conceptos básicos y proseguiremos con la práctica de algunas etiquetas.

Observemos el siguiente ejemplo:

<html>
      <head>
           <title> Un titulo web - mipaginaweb.com </title>
      </head>
      <body>
           <h1> Mensaje de encabezado </h1>
           <p> Esta es la <b>información</b> escrita</p>
          <i>Texto en modo italic </i>
      </body>
</html>

En el ejemplo anterior encontramos etiquetas como esta <html> abiertas y cerradas </html>
todo lo que está dentro le pertenece a la etiqueta.

 

Analizando el código...
Cada etiqueta posee una característica específica.

 

Title

Esta etiqueta define el título que se verá en la ventana del navegador.

 

Headers

<h1>MiTextoAquí</h1>

Esta etiqueta da un tamaño "x" de título en negrita y va de h1 a h6 disminuyendo el tamaño de la letra, todo lo que se escriba entre la etiqueta "abierta" y "cerrada", se verá afectado por las propiedades de ésta.

Mi texto aquí. * <h1></h1>

Mi texto aquí  * <h2></h2>

Mi texto aquí * <h3></h3>

Mi texto aquí * <h4></h4>

Mi texto aquí <h5></h5>
Mi texto aquí <h6></h6>

 

No olvides nunca cerrar tus etiquetas </nombre_de_etiqueta>

Negrita <b> </b>, <strong></strong>

Todo el texto dentro de la etiqueta b o strong (se pueden usar las dos) se verá en negrita.

Así puedes hacer cosas como ésta.

Párrafo. <p> </p>

Todo el texto puesto aquí, se separará del resto, provee márgenes.

Márgenes... este ya es el ejemplo. 

Italic <i></i>

No hace falta decir más que ésto.

Así concluye esta lección, en la siguiente verás como insertar imágenes y enlaces.

Puedes comprobar el código de ejemplo, copiandolo y guardandolo con un editor de texto como el  notepad con extensión html. Para hacerlo simplemente debes guardar el archivo así "el_nombre_que_quieras.html" y luego lo abres.



Comentarios. -