Etiquetas HTML Parte1

Etiquetas a Utilizar en:
HTML
• Las etiquetas son la base de HTML, también llamadas Tags;
componen y contienen otras propiedades, como son los
atributos y el contenido. Casi todas tienen etiqueta inicial y
final, y su estructura es la siguiente:
Etiquetas <nombre attributo="valor" atributo="valor">contenido</nombre>
HTML Ejemplo: <body text=“pink” bgcolor=“black”> HOLA </body>
• Los atributos nos permiten modificar características de las

etiquetas, que si no las cambiamos toman valores por default.
Son escritos solamente en la etiqueta inicial.
• Cada página comienza con: < HTML >
• A continuación viene la cabecera que da
<html>
información técnica al navegador, <head>
delimitada por: < HEAD > < /HEAD > <title>
• Dentro de la cabecera una etiqueta Mi primer página
principal a usar es: <TITLE> </TITLE> que
es la que nos permitirá ponerle nombre a </title>
Estructura la página y aparecerá en la pestaña del
navegador.
</head>
<body>
Básica • Después, el comando < BODY >, que indica
el comienzo del cuerpo de la página.
Este es el contenido de la
página web que estas
• Las instrucciones HTML se escribirán a creando
continuación, y se finalizará el cuerpo de la </body>
página con:
</html>
• < /BODY >
• La página acabará con < /HTML >
• Marca el inicio y fin del contenido de la página.
• Todo el texto, las imágenes y el formato que van a ser visibles al
usuario deben encontrarse entre las etiquetas de body.
• Los atributos de body son:
<BODY>
</BODY>
• <body bgcolor=“#FFF000” text=“red” link=“blue” vlink=“green”>
<FONT> </FONT>
ATRIBUTO FUNCIÓN
Color Determina el color que se aplica al texto
Determina el tamaño relativo del texto. Los tamaños válidos son del
Size 1 al 7, siendo por defecto el 3 y el más grande el 1. Se puede hacer
mas grande añadiendo + o – delante del valor.
Face Asigna una fuente o tipo de letra.
Ejemplo:
<font color=black size=4 face=Comic Sans MS>

 Si se requiere definir un tipo de letra especifico para todo el documento se puede utilizar la etiqueta <basefont>, no ocupa una etiqueta de cierre y
se pueden modificar los mismos atributos que la etiqueta <font>.
• De Párrafo
• A través de esta etiqueta, podemos
separar todo el texto a incluir en la
página por párrafos, al insertarse el
<P> </P> texto entre estas etiquetas.
• También es posible alinear el texto
de cada párrafo a través de su
atributo ALIGN
ATRIBUTO FUNCIÓN VALORES

• SINTAXIS
Determina la Center
• <p>a partir de ahora definimos
alineación que Right párrafos de esta
Align manera.</p>
se aplicará al Left • <p
texto align=”center”>Párrafo
Justify en el centro</p>
Caracteres Especiales
• Cuando se quiere poner un caracter
especial en una página, debemos
sustituirlo por su código. Por ejemplo, la
"á" se escribe "á" de modo que la
palabra página se escribiría en una
página HTML de este modo:
página.
• El estándar Unicode se propone

reemplazar y unificar las codificaciones
de caracteres existentes para reducir su
número y mejorar la efectividad.
Etiquetas
para Texto
<BR> </BR>
• La etiqueta <br> instruye al navegador cliente que inserte un salto de
línea en un documento HTML. Es una etiqueta especial, pues no precisa
de etiqueta de cierre.
<HR> </HR>
• La etiqueta <hr> dibuja de manera predeterminada una regla horizontal
alineada automáticamente, con una apariencia de tercera dimensión. Esta
etiqueta especial, como no necesita de cierre se vale de los siguientes
atributos:
<PRE> </PRE>
• Texto Preformateado
Significa texto “preformateado” y se utiliza
para conservar espacios y saltos de línea en
cuerpos de texto.
El inconveniente de esta etiqueta es, que
dentro de ella no vamos a poder incluir las
etiquetas de imagen<IMG>, de
Objeto<OBJECT>, <BIG>, <SMALL>, <SUB> ni
<SUP>
•Se puede incluir cualquier imagen en alguno de los siguientes
formatos gráficos: GIF, JPEG, PNG, BMP
•El formato GIF es más recomendado para iconos, gráficas,... y el

formato JPEG es más útil para imágenes reales como paisajes y
personas.
ATRIBUTOS
• SRC Indica el archivo de imagen que se incluirá en el documento,
<IMG> </IMG> aquí se indicará el camino hasta la imagen en formato URL
• ALT Indica un texto alternativo a mostrar si no fue posible

mostrar la imagen
<IMG SRC="URL de la Imagen" ALT="Texto alternativo a la

imagen">
ALIGN
ATRIBUTO FUNCIÓN VALORES
TOP Indicará si la primera frase del

texto se colocará en la parte alta de la
imagen
MIDDLE Indicará si la primera frase
del texto se colocará en el punto
Determina la medio de la imagen
ALIGN
alineación que
se aplicará a la
BOTTOM Indicará si la primera frase
del texto se colocará en la parte de
…<IMG> </IMG>
imagen
abajo de la imagen
LEFT La imagen quedará a la
izquierda del texto
RIGHT La imagen quedará a la
derecha del texto
• HEIGHT y WIDTH
Con los atributos Height y Width, es posible cambiar el tamaño de la
imagen de forma que pueda ajustarse como se desee, pudiendo ampliar
o disminuir este.
• El atributo HEIGHT Determina el alto de la imagen a mostrar, se

especifica en puntos de la pantalla (pixeles) o en tanto por ciento
sobre el tamaño del documento. En caso de que la imagen sea
mayor o menor se escalará a este tamaño.
• El atributo WIDTH indica el ancho al que se mostrará la imagen,
escalándola a este tamaño. También se expresará en pixeles o en
tanto por ciento.
<IMG SRC="logo.jpg" WIDTH=100 HEIGHT=25>

<h1> </h1> • Inicia un encabezado.
• Tamaños:
<h1> </h1> Es el encabezado más grande
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6> Es el encabezado más pequeño

Etiquetas HTML Parte1

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Etiquetas HTML Parte1

Cargado por

Copyright:

Formatos disponibles

Etiquetas a Utilizar en:

• Los atributos nos permiten modificar características de las

Color Determina el color que se aplica al texto

<font color=black size=4 face=Comic Sans MS>

ATRIBUTO FUNCIÓN VALORES

• El estándar Unicode se propone

•El formato GIF es más recomendado para iconos, gráficas,... y el

• ALT Indica un texto alternativo a mostrar si no fue posible

<IMG SRC="URL de la Imagen" ALT="Texto alternativo a la

TOP Indicará si la primera frase del

• El atributo HEIGHT Determina el alto de la imagen a mostrar, se

<IMG SRC="logo.jpg" WIDTH=100 HEIGHT=25>

También podría gustarte