2loogic.com Software Libre { Blog + Foros + Ranking }

Top Right Link Text
{ Curso de HTML/XHTML }
Dar el ejemplo no es la principal manera de influir sobre los demás; es la única manera. -AE.


Curso de HTML y/o XHTML cap4 – formatos de texto: negritas, cursivas, sub-rayados, subíndices, superíndices y alineados.

De momento nuestra pagina no luce muy linda, pero ahora aprenderemos a darle un toque básico de estilo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<html>
 
  <head>
    <title>Mi primera pagina<title>
  </head>
 
  <body>
    <h1 align="center"><u>Mi primera pagina</u></h1>
    <p>
      <em>Guau</em> esto es <b>increible</b> miren voy a poner
      un link <a href="http://tecnologiaslibres.net"> a TecnologiasLibres</a>
    </p>
 
   <p>
     Yo soy otro parrafo y me gustaria
      destacar <strong>esto</strong>.
   </p>
 
   2<sup>3</sup> = 8
   <br />
   <br />
   miren soy un texto<sub>y yo estoy abajo</sub>
  </body>
 
</html>


Como podemos observar hay una serie de etiquetas nuevas, las cuales explicaremos linea a linea aquí:

8

    <h1 align="center"><u>Mi primera pagina</u></h1>

lo primero que notamos es que h1 posee un parámetro, en este caso align=”center” que lo que hace es alinear el contenido de h1 en el centro, además podríamos alinearlo a la izquierda ( align=”left”) o a la derecha ( align=”right”).

El parámetro align además puede ser usado otras etiquetas como h2, h3 … p.

8

    <h1 align="center"><u>Mi primera pagina</u></h1>

En la misma linea observamos la etiqueta “u”, que lo que hace es subrayar el texto.

10

      <em>Guau</em> esto es <b>increible</b> miren voy a poner

La etiqueta “em” es para escribir el texto en cursiva y la etiqueta “b” es un sinónimo de “strong”.

19

   2<sup>3</sup> = 8

La etiqueta “sup” hace esto, en otras palabra eleva el texto.

22

   miren soy un texto<sub>y yo estoy abajo</sub>

La etiqueta “sub” hace esto, en otras palabra baja el texto.

Saludos y dejen sus comentarios.

Post Relacionados

feed ¿Quieres leer más artículos como éste? ¡Suscríbete!



This entry was posted on Friday, January 16th, 2009 at 10:49 and is filed under Curso de html/xhtml. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

9 Responses to “Curso de HTML y/o XHTML cap4 – formatos de texto: negritas, cursivas, sub-rayados, subíndices, superíndices y alineados.”

  1. OsoSentado on January 16th, 2009 at 11:18

    Quisiera saber que version de HTML usas para entender cuales son las etiquetas mas actuales. Por ejemplo, yo utilizo:

    Para texto en negritas tu utilizas …

    estas son italicas tu utilizas …

    etc.

    Saludos y muchas felicidades por el curso.
    PD. Donde puedo encontrar una lista de etiquetas html actualizada?

  2. Gómez Hyuuga on January 16th, 2009 at 16:16

    eh! otra parte gracias, ya he aprendido nuevas etiquetas ;) .
    Salu2 y excelente curso!

  3. lesthack on January 17th, 2009 at 00:27

    Va muy bien el curso, estamos ansiosos por mas Eduardo.
    Saludos.

  4. Curso para aprender HTML / XHTML on January 17th, 2009 at 01:35

    [...] Formatos de texto: negritas, cursivas, sub-rayados, subíndices, superíndices y alineados. [...]

  5. Eduardo on January 17th, 2009 at 08:09

    @OsoSentado lo de las versiones del html lo explicare más adelante en el curso!.

    @Gómez Hyuuga y @lesthack me alegra que les guste :P .

  6. Novatilla en Apuros on January 17th, 2009 at 13:46

    Profe no vayas tan rapido que se me amontona la tarea,jajaja…Aisnnn,,a ver si mañana Domingo me pongo al 4º.
    Pero bueno,muy bueno y muy bien explicado,grache;-)

  7. Gómez Hyuuga on January 17th, 2009 at 20:57

    … en este momento publico algo del curso en mi blog ;) . Salu2!
    P.D. Te agrego al blogroll, espero que no haya problema

  8. Eduardo on January 17th, 2009 at 22:07

    gracias!

  9. Tato on March 2nd, 2009 at 16:07
    Usando Mozilla Firefox Mozilla Firefox 3.0.6 sobre Windows Windows XP

    Genial , Ya Voy Aprendiendo :D ,
    Re bien explicado ^^
    Te Agregue en Twitter :D soy tato95

Leave a Reply