Tarea
Páginas: 7 (1603 palabras)
Publicado: 6 de diciembre de 2012
Etiquetas basicas de html
HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.
* <HTML>: indica el comienzo del documento HTML.
*<HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción y otras informaciones relacionadas con el contenido de la página.
* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.
* <H1>,<H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.
* <A>: define los enlaces.
* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.
*<P>: el texto dentro de esta etiqueta forma un párrafo.
* <IMG>: imágenes.
* <BR>: salto de línea.
* <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas.
* <B> y <STRONG>: se utilizan para resaltar eltexto.
* <U>: texto subrayado.
* <I>: texto en cursiva.
Ejemplo de página básica
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto deotro párrafo. Dentro de este párrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas como la siguiente:</p>
<ul>
<li>Guión número uno.</li>
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body> </html>
Consejo de Atributos
bgcolor=?> <body
Establece el color de fondo, usando nombres o valores hex
text=?> <body
Establece el color del texto, usando nombres o valores hex
link=?> <body
Establece el color de los enlaces, usando nombres o valores hex
vlink=?> <body
Establece el color de los enlaces, usando nombres o valores hex
alink=?> <body Establece el color de los enlaces con un clic
Etiquetas de texto
<pre> </ pre>
Crea texto preformateado
<h1> </ h1>
Crea un título grande
<h6> </ h6>
Crea un título pequeño
<b> </ b>
Crea texto en negrita
<i> </ i>
Crea texto en cursiva
<tt> </ tt>
Crea, o máquina de escribir estilo detexto-teletipo
<cite> </ cite>
Crea una cita, por lo general en cursiva
<em> </ em>
Hace hincapié en la palabra (con cursiva o negrita)
<strong> </ strong>
Hace hincapié en la palabra (con cursiva o negrita)
size=?> <font </ font>
Ajusta tamaño del fuente, de 1 a 7)
color=?> <font </ font>
Juegos de color de la fuente, usando nombreso valores hex
Enlaces
<a href="URL"> </ a>
Crea un hipervínculo
<a href="mailto:EMAIL"> </ a>
Crea un enlace de correo
<a name="NAME"> </ a>
Crea una ubicación de destino dentro de un documento
<a href="#NAME"> </ a>
Enlaces a ese lugar de destino en otra parte del documento
Formato
<p></p>
Crea un...
HTML es el lenguaje por el cual construimos una página web. Este lenguaje se basa principalmente en etiquetas, con las cuales vamos construyendo los diferentes apartados de nuestra web. Es imprescindible conocer estas etiquetas y su funcionamiento para poder crear o al menos modificar una página web.
* <HTML>: indica el comienzo del documento HTML.
*<HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción y otras informaciones relacionadas con el contenido de la página.
* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.
* <H1>,<H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.
* <A>: define los enlaces.
* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.
*<P>: el texto dentro de esta etiqueta forma un párrafo.
* <IMG>: imágenes.
* <BR>: salto de línea.
* <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas.
* <B> y <STRONG>: se utilizan para resaltar eltexto.
* <U>: texto subrayado.
* <I>: texto en cursiva.
Ejemplo de página básica
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto deotro párrafo. Dentro de este párrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo
que quieras.</p>
<p>También podemos poner listas como la siguiente:</p>
<ul>
<li>Guión número uno.</li>
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body> </html>
Consejo de Atributos
bgcolor=?> <body
Establece el color de fondo, usando nombres o valores hex
text=?> <body
Establece el color del texto, usando nombres o valores hex
link=?> <body
Establece el color de los enlaces, usando nombres o valores hex
vlink=?> <body
Establece el color de los enlaces, usando nombres o valores hex
alink=?> <body Establece el color de los enlaces con un clic
Etiquetas de texto
<pre> </ pre>
Crea texto preformateado
<h1> </ h1>
Crea un título grande
<h6> </ h6>
Crea un título pequeño
<b> </ b>
Crea texto en negrita
<i> </ i>
Crea texto en cursiva
<tt> </ tt>
Crea, o máquina de escribir estilo detexto-teletipo
<cite> </ cite>
Crea una cita, por lo general en cursiva
<em> </ em>
Hace hincapié en la palabra (con cursiva o negrita)
<strong> </ strong>
Hace hincapié en la palabra (con cursiva o negrita)
size=?> <font </ font>
Ajusta tamaño del fuente, de 1 a 7)
color=?> <font </ font>
Juegos de color de la fuente, usando nombreso valores hex
Enlaces
<a href="URL"> </ a>
Crea un hipervínculo
<a href="mailto:EMAIL"> </ a>
Crea un enlace de correo
<a name="NAME"> </ a>
Crea una ubicación de destino dentro de un documento
<a href="#NAME"> </ a>
Enlaces a ese lugar de destino en otra parte del documento
Formato
<p></p>
Crea un...
Leer documento completo
Regístrate para leer el documento completo.