Elementos De Una Página web

Elemento Etiquta Código Ejemplo
Texto Normal < p>....< / p > < ! DOTYPE html>
< html >
< body >

< p > texo normal < / p >
< / body >
< / html> 		Ver Ejemplo
Texto Cursivo < i>....< / i >
< em> .... < / em> 		< ! DOTYPE html>
< html >
< body >

< i > cursiva 1 < / i >
< em > cursiva 2< / em >
< / body >
< / html>		 Ver Ejemplo
Texto Negritas < b>....< / b >
< strong > ....
< / strong> 		< ! DOTYPE html>
< html >
< body >

< b > negritas 1 < / b >
< strong > negrtas 2 < / strong >
< / body >
< / html>		 Ver Ejemplo
Texto Subindice < sub>....< / sub > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< sub > subindice < / sub >
< / body >
< / html>		 Ver Ejemplo
Texto Tachado < s>....< / s >
< del>....< / del >
< strike>....
< / strike > 		< ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< del > texto tachado < / del >
< strike > tachado < / strike >
< s > tachado < / s >
< / body >
< / html>		 Ver Ejemplo
Texto Subrayado < u>....< / u > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head >
< body >

< u > texto subrayado < / u >
< / body >
< / html>		 Ver Ejemplo
Texto Espacio Simple < tt>....< / tt > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< tt > texto espacioado simple < / tt >
< / body >
< / html>		 Ver Ejemplo
Texto Superindice < sub>....< / sub > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< p > texto normal
< sup > superindice < / sup < / p >
< / body >
< / html>		 Ver Ejemplo
Texto Formato de Cita < blockquote>....
< / blockquote >
< q>....< / q > 		< p > cita sacada del libro rojo < / p >
< blockquote >
nunca olvides lo que eres, porque seguramente el
mundo no lo hara. haz que sea tu fortaleza.
entonces nunca puede ser tu debilidad. si lo usas
como tu armadura, nunca podran usarlo para lastimarte.
< / blockquote >

< p > cita sacada de la serie the x-files :
< q >
esa es la esencia de la ciencia Scull, haz un apregunta
imperminente y quizas obtengas una respuesta pertinente.
< / q > 		Ver Ejemplo
Encabezados < h1>....< / h1 >
< h2>....< / h2 >
< h3>....< / h3 >
< h4>....< / h4 >
< h5>....< / h5 >
< h6>....< / h6 > 		< ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< h1 > encabezado < / h1 >
< h2 > encabezado < / h2 >
< h3 > encabezado < / h3 >
< h4 > encabezado < / h4 >
< h5 > encabezado < / h5 >
< h6 > encabezado < / h6 >
< / body >
< / html>		 Ver Ejemplo
Listas Ordenadas < ol>....< / ol >
< li>....< / li > 		< ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< p > lista ordenada < / p >
< ol >
< li > lista 1 < / li >
< li > lista 2 < / li >
< li > lista 3 < / li >
< li > lista 4 < / li >
< li > lista 5 < / li >
< / ol >
< / body >
< / html>		 Ver Ejemplo
Listas no Ordenadas < ul>....< / ul >
< li>....< / li > 		< ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< ul >
< li > lista no ordenada < / li >
< li > lista 2 < / li >
< li >
lista 8 < / li >
< li > lista 3 < / li >
< li >
lista 9 < / li >
< li > lista 7 < / li >
< / ul >
< / body >
< / html>		 Ver Ejemplo
Enlace Externos < a>....< / a > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< a href = " http : / / google .com "
target = " _blank " > ir a google < / a >
< / body >
< / html>		 Ver Ejemplo
Enlace Internos < a>....< / a > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< a name = " inicio_pag " > < / a>
< a href = " # inicio_pag" > inicio de la pagina
< / a >
< / body >
< / html>		 Ver Ejemplo
Tablas < table>....
< / table >
< tr>....< / tr >
< td>....< / td > 		< ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< table >
< tr >
< td > a1 < / td >
< td > b2 < / td >
< td > c3 < / td >
< / tr >
< tr >
< td > d4 < / td >
< td > f5 < / td >
< td > g6 < / td >
< / tr >
< / table >
< / body >
< / html>		 Ver Ejemplo
Imagen < img > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< img src = "sutupatronaperro.jpg" >
< / body >
< / html>		 Ver Ejemplo
Audio < audio > < ! DOTYPE html>
< html >
< head > < meta charset = "utf-8">
< title > ejemplos < / title >
< / head > < body >

< audio
src = "loveling.mp3" preload = "none" controls >
< / audio > < / body >
< / html>		 Ver Ejemplo
Video < video > < ! DOTYPE html>
< html >
< head >

< meta charset = " utf - 8 " >
< title > Ejemplo < / title >
< / head > < body >

< video src ="EvitanoElAmor.mkv" width ="940" height="440"controls>< / video >
< / body >
< / html>		 ver ejemplo