3 Elementos y Etiquetas de HTML

Etiquetas bsicas de HTML
Las etiquetas ms simples y de uso ms comn en HTML.

Etiquetas Bsicas
Headings.- Nos definen el tamao de un ttulo o cabecera.
<h1> nos d el tipo de letra ms grande.
<h6> nos d el tipo de letra ms pequeo.
HTML agrega automaticamente un espacio antes y despus de cada ttulo.
<h1> al ser usado como ttulo de una pgina Web, es de suma importancia ya que es uno de
los parmetros que Google y dems buscadores tiene en cuenta, a la hora de indexar un
sitio web.
Prrafos.- Los prrafos se definen con la etiqueta .

Ejemplo
Cdigo
<html>
<head>
<title>Prrafos</title>
</head>
<body>
Este es el primer prrafo.
Y este es el segundo prrafo.
</body>
Resultado
Este es el primer prrafo.
Y este es el segundo prrafo.
</html>
Comentarios.- La etiqueta  se utiliza para insertar un comentario dentro del
cdigo que estamos escribiendo. El mismo es ignorado por el navegador al momento de
leerlo. Los comentarios nos sirven para explicar mejor el cdigo y son de gran ayuda en el
momento que necesitemos editarlo.

* Nota que el signo de exclamacin se coloca solo al principio del cdigo.
Salto de lnea.- El salto de lnea est definido con la etiqueta . Es utilizado cuando
queremos cortar una lnea sin necesidad de terminar con el prrafo. La etiqueta obliga
a saltar de lnea dondequiera que la ubiquemos.
Ejemplo
Cdigo
Esto es un salto de nea.
Resultado
Esto es
un salto de l
nea.
Trazar una lnea

La etiqueta <hr> nos permite trazar una lnea horizontal. La
etiqueta <hr> no tiene cierre.
Ejemplo
Cdigo
Resultado
<hr>
Tabla con las etiquetas bsicas

Etiquetas
Descripcin
Ej.
<h1> a <h6>
Define el tamao de los encabezados

Define un prrafo

Define un comentario
 
Define un salto de lnea
<hr>
Define una lnea horizontal

Formato de texto con HTML
Elige como decorar y visualzar los textos de tu sitio.
Formato bsico del texto.1.

2.
3.
4.
HTML nos permite definir el formato de visualizacin del texto en la pantalla.

Muy til para cuando queramos resaltar o enfatizar un texto en especial.
Tambin muy usado para subrayar o escribir subndices o superndices.
Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos
Para ello utilizamos las siguientes etiquetas:

Ejemplo
Cdigo
Texto en negrita
<big>Texto grande</big>
Texto enfatizado
Texto en itlica
Texto pequeo
Texto fuerte
Texto subndice
Texto superndice
<ins>Texto subrayado</ins>
<del>Texto tachado</del>
<tt>Texto teletipo</tt>
Etiquetas para dar forma al texto

Etiquetas

Define un texto en negrita
<big>

Define un texto grande

Define un texto enfatizado


Define un texto en itlica

Define un texto pequeo
Resultado
Texto normal Texto en negrita
Texto normal Texto grande
Texto normal Texto enfatizado
Texto normal Texto en itlica
Texto normal Texto pequeo Texto
normal Texto fuerte
Texto normal Texto subndice
Texto normal Texto superndice
Texto normal Texto subrayado
Texto normal Texto tachado
Texto normal Texto teletipo
Descripcin

Define un texto fuerte


<ins>
<del>
<tt>
<s>
<strike>
Define un texto subndice

Define un texto superndice
Define un texto subrayado
Define un texto tachado
Define un texto de teletipo
Define un texto tachado. Desaprobado. Use <del> en su lugar
Define un texto tachado. Desaprobado. Use <del> en su lugar

Define un texto subrayado. Desaprobado. Use <ins> en su lugar
Etiquetas
Descripcin
<abbr>
Indica una forma abreviada (p.ej., WWW, HTTP, etc.)
<acronym>
<address>
<bdo>
<blockquote>
Indica un acrnimo (p.ej., WAC ,radar, autobs, etc.)

Define la informacin sobre el autor
Define la direccin del texto (p.ej., de izq. a der., de der. a izq.)
Designa una cita larga
<q>
<cite>
<dfn>
Designa una cita corta

Contiene una cita o una referencia a otras fuentes
Indica que aqu es donde se define el trmino encerrado
Caracteres Especiales en HTML

Uso de acentos, signos de apertura de interrogacin y exclamacin, ees, espacio en
blanco, etc.
Caracteres especiales.- Muchas veces necesitamos incluir en nuestros textos, signos que
tienen un significado especial en HTML
(por ej. "<" - menor que).
Para poder mostrarlos, debemos usar su nombre en cdigo.
Los nombres de las entidades estn compuestos por el signo (&), luego el nombre de la
entidad y al final (";" - punto y coma).
Los nmeros de estos caracteres estn compuestos por (&), luego (# - numeral), el nmero
de la entidad y al final (";" - punto y coma).
Por ejemplo para mostrar el signo "<" debemos escribir < o <
El uso ms comn de los caracteres especiales es el espacio en blanco. Si en un texto

figuran 5 espacios en blanco seguidos, HTML automaticamente borra 4.
Para ingresar espacios en blanco usamos " " y HTML los dejar en su lugar.
Caracteres especiales de uso frecuente
Resultado
Descripcin
Nombre
Nmero
Espacio en blanco

<
Menor que
<
<
>
&
"
Mayor que
Comillas
Apertura signo de exclamacin
>
&
"
¡
>
&
"
¡
Apertura signo de interrogacin

Marca registrada
Derecho de autor
Euro
a minscula con acento
e minscula con acento
i minscula con acento
o minscula con acento
¿
®
©
€
á
é
í
ó
¿
®
©
€
á
é
í
ó
u minscula con acento

minscula
u minscula con diresis
A mayscula con acento
E mayscula con acento
I mayscula con acento
O mayscula con acento
U mayscula con acento
mayscula
U mayscula con diresis
ú
ñ
ü
Á
É
Í
Ó
Ú
Ñ
Ü
ú
ñ
ü
Á
É
Í
Ó
Ú
Ñ
Ü
Enlaces en HTML
La propiedad ms importante de Internet, es la posibilidad de conectarse los unos con los
otros.
Los Enlaces o Links

Los enlaces o links(en Ingls) nos permiten conectarnos con otros documentos:
una imagen
un video
un archivo de sonido
sitios en la web(otra pgina web)
mandar un email
Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra
anchor(ancla).
La etiqueta <a> tiene como cierre </a>.
Sintaxis
<a atributo="valor">Texto del enlace</a>
Ejemplo
Vamos a crear un enlace hacia la home de Virtualnauta.com
Cdigo
<body>
<a href="https://www.youtube.com">La casa de los videos</a> </body>
Resultado La
casa de los videos
Un enlace a partir de una imagen

Muchas veces queremos usar una imagen como enlace a otro documento. Para ello
debemos colocar la etiqueta <img> entre las etiquetas <a> y </a> en lugar del texto.
Ejemplo
Cdigo
<body>
<a href="http://www.google.com/"><img src="/../graficos/google.gif"></a> </body>
Resultado
NOTA: Recuerde que para que la imagen aparezca tiene que estar la direccin exacta con la
extensin de la imagen. Ejm.: <img src=C:\Users\Admin1\Pictures/imagen.jpg>
Etiquetas y atributos de los enlaces

Etiquetas Atributos
Valor
<a>
Descripcin
Define un vnculo
href
URL
Direccin URL a conectar.
hreflang
cdigo de
lenguaje
nombre de
seccin
Especifica el lenguaje de la URL.
alternate
designates
stylesheet
start
next
Especifica la relacin entre el documento actual y el

destino del vnculo.
name
rel
Para crear un marcapginas dentro de un documento.
prev
contents
index
glossary
copyright
chapter
section
subsection
apendix
help
bookmark
nofollow
rev
alternate
designates
stylesheet
start
next
prev
contents
index
glossary
copyright
Especifica la relacin entre el destino del vnculo y el

documento actual(vnculo inverso).
Ej.
chapter
section
subsection
apendix
help
coords
bookmark
coordenadas
shape
rect
rectangle
circ
circle
poly
Especifica las coordenadas de la superficie que

contiene el enlace.
Define la forma del rea.
Usamos coords="izquierda, arriba, derecha, abajo"
Usamos coords="centro x, centro y, radio"
Usamos coords="x1, y1, x2, y2, .., xn, yn"
polygon
target
_blank
Indica donde abrir el URL.

El URL se abrir en una nueva ventana.
_parent
El URL se abrir en el frameset padre.
_self
El URL se abrir en el mismo frame donde fue

apretado.
El URL se abrir en una ventana de tamao completo.
_top
type
tipo de
contenido
Especifica el tipo de contenido a conectar.

3 Elementos y Etiquetas de HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

3 Elementos y Etiquetas de HTML

Uploaded by

Copyright:

Available Formats

Etiquetas bsicas de HTML

Las etiquetas ms simples y de uso ms comn en HTML.

Prrafos.- Los prrafos se definen con la etiqueta <p>.

Trazar una lnea

Tabla con las etiquetas bsicas

Define el tamao de los encabezados

Define un salto de lnea

Define una lnea horizontal

Formato bsico del texto.1.

HTML nos permite definir el formato de visualizacin del texto en la pantalla.

Para ello utilizamos las siguientes etiquetas:

Etiquetas para dar forma al texto

Define un texto en negrita

Define un texto grande

Define un texto en itlica

Define un texto fuerte

Define un texto subndice

Define un texto subrayado. Desaprobado. Use <ins> en su lugar

Indica una forma abreviada (p.ej., WWW, HTTP, etc.)

Indica un acrnimo (p.ej., WAC ,radar, autobs, etc.)

Designa una cita corta

Caracteres Especiales en HTML

El uso ms comn de los caracteres especiales es el espacio en blanco. Si en un texto

Apertura signo de interrogacin

u minscula con acento

Los Enlaces o Links

Un enlace a partir de una imagen

Etiquetas y atributos de los enlaces

Direccin URL a conectar.

Especifica el lenguaje de la URL.

Especifica la relacin entre el documento actual y el

Para crear un marcapginas dentro de un documento.

Especifica la relacin entre el destino del vnculo y el

Especifica las coordenadas de la superficie que

Indica donde abrir el URL.

El URL se abrir en el frameset padre.

El URL se abrir en el mismo frame donde fue

Especifica el tipo de contenido a conectar.

You might also like