ESQUELETO DE UNA PAGINA WEB EN HTML
Hola, en respuesta, de estar tomando el curso de iDESWEB, y sobre las primeras lecciones del modulo 2, me he dado un tiempo para realizar un esqueleto de un pagina web con HTML, es una forma meramente personal, de como yo, lo he entendido, hasta la lección trece, solo lo comparto con ustedes, por si de alguna forma les pudiese servir, de alguna manera, no exento que no tenga errores, y si los descubren tal igual omítanlos, lo he divido en colores donde cada cual se refiere al proceso en cuestión. un saludo enorme!!
<html> inicio
<head>
cabeza
<title> titulo
</title> cierre del titulo
<body> cuerpo
<h1> inicio del encabezado o titulo
</h1> cierre del encabezado o titulo
<p> inicio
del párrafo de texto
<strong> texto
destacado (negritas) en palabras a destacar dentro del párrafo del texto.
</strong> cierre
de el texto destacado (negritas).
<em> texto
enfatizado (cursiva) dentro del párrafo del
texto
</em> cierre
de texto enfatizado (cursiva)
<ul> apertura
de una lista no ordenada
<li> inicio
del primer elemento de la lista no
ordenada
</li> cierre
del primer elemento de una lista no ordenada (los demás elementos siguientes se
siguen este orden <li>siguiente elemento</li>
</ul> cierre
de la lista no ordenada.
<ol> apertura
de una lista ordenada.
<li> inicio
del primer elemento de la lista
</li> cierre
del primer elemento de una lista ordenada (los demás elementos siguientes se
siguen este orden <li>siguiente elemento</li>
</ol> cierre
de la lista ordenada.
<ol type=”A”> apertura
de una lista ordenada con letras del abecedario en mayúsculas empezando con la
A,B,C,…etc.
</ol> cierre
de lista ordenada .
<ol
type=”a”> inicio
de un alista ordenada con letras del abecedario en minúsculas empezando con las
letras a,b,c,…etc.
<li> inicio del primer elemento de la lista
</li> cierre
del primer elemento de una lista ordenada (los demás elementos siguientes se
siguen este orden <li>siguiente elemento</li>
</ol> cierre de
la lista ordenada.
<ol type=”I”> inicio de un
lista ordenada con números romanos en mayúsculas.
<li> inicio del primer elemento de la lista
</li> cierre
del primer elemento de una lista ordenada (los demás elementos siguientes se
siguen este orden <li>siguiente elemento</li>
</ol> cierre
de la lista ordenada
<ol type=”i”> inicio de una
lista ordenada con numero romanos en minúsculas.
<li> inicio del primer elemento de la lista
</li> cierre
del primer elemento de una lista ordenada (los demás elementos siguientes se
siguen este orden <li>siguiente elemento</li>
</ol> cierre
de la lista ordenada
<ol reversed=”reversed”> inicio de una lista ordenada en orden descendente
<li> inicio del primer elemento de la lista
</li> cierre
del primer elemento de una lista ordenada (los demás elementos siguientes se
siguen este orden <li>siguiente elemento</li>
</ol> cierre
de la lista ordenada
</p> fin
del párrafo de texto
<h2>encabezado</h2> apertura y cierre de un segundo encabezado. Donde se
anexara párrafo de texto.
<h3>encabezado</h3> apertura y cierre de un tercer encabezado. Donde se
anexara párrafo de texto.
<h4>encabezado</h4> apertura y cierre de un cuarto encabezado. Donde se
anexara párrafo de texto.
<h5>encabezado</5> apertura y cierre de un quinto encabezado. Donde se
anexara párrafo de texto.
<h6>encabezado</6> apertura y cierre de un sexto encabezado. Donde se
anexara párrafo de texto.
<ul> inicio
de una lista no ordenada para usarla en las listas anidadas o sublistas, (una
lista dentro de otra lista).
<li>numeros inicio
de el primero elemento sin cierre hasta el final.
<ol> inicio
de una lista ordenada , que estará dentro de una lista no ordenada(sub lista o
lista anidada)
<li>Uno</li> inicio
del primer elemento de la sub lista aparecerá como 1. Uno
<li>Dos</li> inicio
del primer elemento de la sub lista aparecerá como 1. Dos
<li>Tres</li> inicio
del primer elemento de la sub lista aparecerá como 1. Tres y asi sucesivamente
4. Cuatro, 5. Cinco, etc.
</ol> cierre
de la sub lista.
</li> cierre
de la lista números.
</ul> cierre
total del proceso.
<dl> inicio
de una lista descriptiva, define términos, cada termino inicia con <dt> y
su descripción con <dd>, por lo regular se utiliza esta lista para agregar glosario o diccionario.
<dt>termino 1</dt> inicio y cierre del primer término.
<dd>descripción</dd> inicio y cierre de la descripción del primer término.
<dt>termino 2</dt> inicio y cierre del segundo término.
<dd>descripción</dd> inicio y cierre de la descripción del segundo término.
</dl> fin
de la lista descriptiva.
</body> cierre cuerpo
</head> cierre cabeza
</html> fin
No hay comentarios.:
Publicar un comentario