Está en la página 1de 11

Diseño & Programación Web

ROMAN AM
Etiquetas & Atributos

 Las etiquetas le indican al navegador que realice una acción.

 Los atributos van dentro de las etiquetas y le indican al navegador


como realizar la acción.
Etiquetas Principales
 <html> </html> Etiqueta principal de HTML

 <head> </head> Etiqueta que contiene parametros principales del


sitio web

 <title> </title> Permite poner un titulo a la pagina

 <body> </body> Contiene toda la pagina


Atributos
 Bgcolor=“color deseado” Permite cambiar el color de fondo.

 background=“imagen.jpg” Agrega una imagen de fondo.


Nota: Es necesario agregar la extensión de la imagen (jpg, jpeg, png).
Estilos de Texto
 <strong> </strong> Texto en Negrita.
 <em> </em> <i> </i> Texto Italica.
 <u> </u> Texto Subrayado.

Etiquetas combinadas
 <i><strong> Hola </strong></i>
Advertencia

Si vas a usar etiquetas combinadas (lo que harás dentro de poco),


entonces debes evitar confundir al navegador, las etiquetas deben ser
combinadas no sobre puestas.

 <esto><aquello> </esto></aquello> Etiquetas sobre puestas... mal


 <esto><aquello></aquello> </esto> Etiquetas combinadas... bien
Tipo de Letra &
Tamaño de la Fuente
 <font> </font> Etiqueta de Fuente.
 Size=“tamaño” Atributo para cambiar tamaño de texto, éste
presenta SIETE tamaños diferentes (1,2,3,4,5,6,7).
 Face=“fuente” Este atributo hace uso de las fuentes que tienes en tu
computadora para poder cambiar el tipo de letra.
 Color=“color” Permite el cambio de color del texto.
Combinación de
etiquetas & atributos
 <u> <em> <strong> <font color="#ff0000" face="arial"
 size="7"> Hola </font> </strong> </em> </u>

 U = Subrayado
 Em = Italica
 Strong = Negrita
 Font = Fuente
 Color = Color de la letra
 Face = Tipo de Fuente
 Size = Tamaño de la letra
Párrafos, Renglones y Espacios

 <br> Da un salto de línea.


 <p> Da un salto de línea seguido de texto.
Estas son de las pocas etiquetas que no necesitan cerrarse.

 &nbsp; Espacio en blanco.


 &lt; símbolo menor qué "<"
 &gt; símbolo mayor qué ">"
 &amp; signo "&"
 &quot; comilla "
 &shy; guión –
 <center> </center> Permite centrar el contenido.
Imagenes

 <imr src="nombre_archivo_imagen.jpg"> Esta etiqueta permite el ingreso de


imágenes a la pagina web, siempre deberá contener el atributo SRC=“”.
 Src=“archivo.jpg” Permite decir cual es la dirección de la imagen, seguido de su
extensión.
 Width=“123” Indica el ancho de la imagen.
 Height=“123” Indica la altura de la imagen.
A Trabajar:
Crear una pagina con lo siguiente:

 Titulo con su nombre.


 Asignar un color o una imagen de fondo.
 Escribir un texto haciendo uso de las diversas etiquetas.
 Hacer uso de atributos en las etiquetas.
 Colocar una imagen varias veces, cambiando la altura y anchura de ella.

También podría gustarte