Etiquetas
Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
Reglas básicas
Reglas básicas
- Las etiquetas están encerradas entre los signos "<" y ">".
- Generalmente vienen en pares <p> y <⁄p>.
- La primera es de apertura y la segunda de cierre.
- El texto que se encuentra entre dos etiquetas es el contenido del elemento.
- Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que<B>.
|
Contesta:
1. La etiqueta HEAD que muestra? 2. Qué es una etiqueta con atributos vacíos (ejemplo)? 3. Consulte que es un atributo de una etiquetas? 4. Consulte para que sirve las etiquetas: <b> <p> <br> <pre> <h1> .....<h6> <!-- ... --> <hr> De ejemplos de cada una. Luego Investigue y realice una descripción del tipo de Etiquetas que permiten dar forma al texto. |
Cree una pagina básica utilizado algunas de las Etiquetas anteriormente consultadas
Los párrafos se definen con la etiqueta <p>.
Comentarios La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo. <!-- Esto es un comentario. --> * Nota que el signo de exclamación se coloca solo al principio del código. Escribe el código que aparece a continuación, Guardelo como Ejemplo 1:
<html> <head> <title>Inicio</title> </head> <body bgcolor="#99CC99"> </body> </html> |
Algunos ejemplos de etiquetas:
Negrita <b> Cursiva <i> Subrayado <u> Resaltado <em> Destacado <strong> Código <code> Citas <cite> Máquina de escribir <kbd> Ejemplos <samp> Teletipo <tt> Variables <var> Negrita y cursiva <b><i> Estimado Aprendiz realice este Ejemplo 2:
<html> <head> <title>diseño Web aspecto</title> </head> <body> <p> <b>ESTO ESTA EN NEGRITA </B></p> <P> <I>ESTO ESTA EN CURSIVA </I></p> <P> <U>ESTO ESTA SUBRAYADO </U></p> <P> <BIG>ESTO ESTA GRANDE </BIG></p> <P> <SMALL>ESTO ESTA PEQUEÑO </SMALL></p> <P>AQUI UTILIZAMOS SUPER <SUP> INDICE </SUP></p> <P>AQUI UTILIZAMOS SUB <SUB> INDICE </SUB></p> </body> </html> |
Luego de Realiza Ejemplo 3
<html>
<head>
<title>diseño Web COLORES</title>
</head>
<body BGCOLOR= #8E6B23>
<FONT COLOR= BLACK> ESTO ESTA EN NEGRO</FONT COLOR= BLAK>
<FONT COLOR= "#FFFF00">ESTO ESTA EN AMARILLO</FONT COLOR= "#FFFF00">
<FONT COLOR= "#9F5F9F">ESTO ESTA EN VIOLETA </FONT COLOR= "#9F5F9F">
<FONT COLOR= BRONZE>ESTO ESTA EN BRONCE</FONT COLOR= BRONZE>
<FONT COLOR= CORAL> ESTO ESTA EN CORAL</FONT COLOR= CORAL>
</body BGCOLOR>
</html>
Actividad
1. Crea una pagina WEB con 3 Párrafos, de Diferentes Colores, utilizando, negrita, cursiva y los diferentes estilos de letras y titulos.
2. Consulta cuales son las Etiquetas para alinear el texto en HTML . crea un ejemplo con cada alineación del parrafo.
3. Consulta como funciona la etiqueta imagen y su alineación. Crea un ejemplo con cada atributo de alineación.
4. Consulta cuales son las etiquetas para crear Listas en HTML. Crea un ejemplo.
<html>
<head>
<title>diseño Web COLORES</title>
</head>
<body BGCOLOR= #8E6B23>
<FONT COLOR= BLACK> ESTO ESTA EN NEGRO</FONT COLOR= BLAK>
<FONT COLOR= "#FFFF00">ESTO ESTA EN AMARILLO</FONT COLOR= "#FFFF00">
<FONT COLOR= "#9F5F9F">ESTO ESTA EN VIOLETA </FONT COLOR= "#9F5F9F">
<FONT COLOR= BRONZE>ESTO ESTA EN BRONCE</FONT COLOR= BRONZE>
<FONT COLOR= CORAL> ESTO ESTA EN CORAL</FONT COLOR= CORAL>
</body BGCOLOR>
</html>
Actividad
1. Crea una pagina WEB con 3 Párrafos, de Diferentes Colores, utilizando, negrita, cursiva y los diferentes estilos de letras y titulos.
2. Consulta cuales son las Etiquetas para alinear el texto en HTML . crea un ejemplo con cada alineación del parrafo.
3. Consulta como funciona la etiqueta imagen y su alineación. Crea un ejemplo con cada atributo de alineación.
4. Consulta cuales son las etiquetas para crear Listas en HTML. Crea un ejemplo.
Otras Etiquetas