En esta lección se hablará sobre el formato de las paginas.
Se comenzará con las reglas horizontales
<hr></body>
En el navegador puedes ver que aparece de la siguiente forma:
Y por supuesto tenemos varias opciones para escoger<body>
<hr width=10%>
<hr width=30%>
<hr width=100%>
<hr width=10>
<hr width=30>
<hr width=100>
</body>
Una etiqueta que siempre es muy útil es <blockquote> Esta etiqueta sirve para poner márgenes a los dos lados de tu imágenes y al bloque de palabras por ejemplo:
<body>
<blockquote>Una etiqueta que siempre es muy útil es <blockquote>Esta etiqueta sirve para poner margenes a los dos lados de tu imágenes y al bloque de palabras.
</blockquote>
</body>
Otra tema interesante en HTML son las listas.
Hay 3 tipos de listas ordenadas, desordenadas y definición son muy fáciles de hacer y útiles para una buena Presentación
Hagamos una lista desordenada:
Se escribe el código en el Block de Notas:
<body bgcolor="#000000">
Browsers</body>
Después le agregamos las etiquetas <ul> </ul> para indixar el inicio y fin de una lista desordenada<body bgcolor="#000000">
Browsers
<ul>
</ul>
</body>
Ahora agregamos los elementos de la lista por medio de las etiquetas <li>
<body bgcolor="#FFFFFF">
Browsers
<ul>
<li>Netscape.
<li>Explorer.
<li>Mosaic.
</ul>
</body>
El resultado obtenido se muestra en la siguiente figura:
Otra lista útil es la de definición, ésta se indica por medio de las etiquetas: <dl></dl> como se muestra en el siguiente ejemplo:
<body bgcolor="#FFFFFF">
<dl>
<dt>Browsers
<dd>Programas para navegar el Internet, entre los mejores Netscape Comunicator, Microsoft Internet Explorer y NCSA Mosaic.
</dl></body>
Observe que la etiqueta <dt> indica el titulo de la definición y <dd> la definición en si; el resultado lo muestra la figura siguiente:
Otra etiqueta que quiero que conozcas es <blink> y se utiliza para hacer parpadear un texto, por ejemplo:
<body bgcolor="#FFFFFF">
Este tutorial es muy <blink>Largo.</blink> </body>
El resultado se observa en la figura siguiente:
Para indicar que quieren centrar algún texto, gráfica, o tabla solo debes escribir las etiquetas <center> </center>, por ejemplo:
<body bgcolor="#000000">
<center>Seria bonito si pudiéramos poner todo al centro
</center></body>
Se comenzará con las reglas horizontales
- Para indicar una regla horizontal solo se debe de poner la órden <hr> como se muestra en el siguiente ejemplo:
<hr></body>
En el navegador puedes ver que aparece de la siguiente forma:
 |
Y por supuesto tenemos varias opciones para escoger<body>
<hr width=10%>
<hr width=30%>
<hr width=100%>
<hr width=10>
<hr width=30>
<hr width=100>
</body>
|
También podemos alinear las reglas con <align> <body>
<hr width=70% align=left>
<hr width=70% align=right>
<hr width=70% align=center>
</body>
|
Se puede indicar el grosor de las reglas por medio de size<body>
<hr width=70% align=left size=1>
<hr width=70% align=right size=7>
<hr width=70% align=center size=15>
</body>
|
Y también cambiar su apariencia con la órden noshade<body>
<hr width=70% align=left size=1 noshade>
<hr width=70% align=right size=7 noshade>
<hr width=70% align=center size=15 noshade>
</body>
|
Una etiqueta que siempre es muy útil es <blockquote> Esta etiqueta sirve para poner márgenes a los dos lados de tu imágenes y al bloque de palabras por ejemplo:
<body>
<blockquote>Una etiqueta que siempre es muy útil es <blockquote>Esta etiqueta sirve para poner margenes a los dos lados de tu imágenes y al bloque de palabras.
</blockquote>
</body>
|
Una etiqueta que siempre es muy útil es <blockquote>Esta etiqueta sirve para poner margenes a los dos lados de tu imágenes y al bloque de palabras. |
Otra tema interesante en HTML son las listas.
Hay 3 tipos de listas ordenadas, desordenadas y definición son muy fáciles de hacer y útiles para una buena Presentación
Desordenadas
| Ordenada
| Definición
|
Hagamos una lista desordenada:
Se escribe el código en el Block de Notas:
<body bgcolor="#000000">
Browsers</body>
Después le agregamos las etiquetas <ul> </ul> para indixar el inicio y fin de una lista desordenada<body bgcolor="#000000">
Browsers
<ul>
</ul>
</body>
Ahora agregamos los elementos de la lista por medio de las etiquetas <li>
<body bgcolor="#FFFFFF">
Browsers
<ul>
<li>Netscape.
<li>Explorer.
<li>Mosaic.
</ul>
</body>
El resultado obtenido se muestra en la siguiente figura:
|
Browsers.
|
Para hacer una lista ordenada solo cambia <ul> por <ol>
Por ejemplo:
<body bgcolor="#FFFFFF">
Browsers
<ol><li>Netscape.
<li>Explorer.
<li>Mosaic.
</ol></body>
|
Browsers.
|
Otra lista útil es la de definición, ésta se indica por medio de las etiquetas: <dl></dl> como se muestra en el siguiente ejemplo:
<body bgcolor="#FFFFFF">
<dl>
<dt>Browsers
<dd>Programas para navegar el Internet, entre los mejores Netscape Comunicator, Microsoft Internet Explorer y NCSA Mosaic.
</dl></body>
Observe que la etiqueta <dt> indica el titulo de la definición y <dd> la definición en si; el resultado lo muestra la figura siguiente:
|
|
Otra etiqueta que quiero que conozcas es <blink> y se utiliza para hacer parpadear un texto, por ejemplo:
<body bgcolor="#FFFFFF">
Este tutorial es muy <blink>Largo.</blink> </body>
El resultado se observa en la figura siguiente:
|
| Este tutorial es muy |
Para indicar que quieren centrar algún texto, gráfica, o tabla solo debes escribir las etiquetas <center> </center>, por ejemplo:
<body bgcolor="#000000">
<center>Seria bonito si pudiéramos poner todo al centro
</center></body>
|
No hay comentarios:
Publicar un comentario