Repaso de html

Question	Answer
HTML	Hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.
Ejemplo de HTML	<HTML> <HEAD> <TITLE>Un Titulo para el Browser de turno </TITLE> </HEAD> <BODY>
Head	Head es un término inglés que significa "cabeza". En español es utilizado para referirse a: Un programa informático típico de los sistemas Unix: head (Unix). También se utiliza en la sección de encabezado de los lenguajes de etiquetas como HTML, XML o CVS.
Ejemplo de Head	<html> <head> ... </head> ... </html>
Title	El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.
Ejemplo de Title	<html> <head> <title> Curso de HTML </title> </head> ... </html>
Body	El cuerpo del documento contiene la información propia del documento, es decir lo que queremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.
Ejemplo de Body	<html> <head> <title> Curso de HTML </title> </head> <body> ... </body> </html>
H1	Existen una serie de encabezados que suelen utilizarse para establecer títulos dentro de una página. La diferencia entre los distintos tipos de encabezado es el tamaño de la letra, el tipo de resaltado, y la separación existente entre el texto y los elementos que tiene encima y debajo de él. Hay que tener en cuanta que el navegador del usuario es el que aplicará el estilo del encabezado por lo que el mismo título se puede visualizar de forma diferente según el navegador.
Ejemplo H1	<h1>Texto muy grande</h1>
<P>	El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>. No es necesario insertar la etiqueta <br> para que un nuevo párrafo aparezca debajo del anterior, ya que las etiquetas <p> y </p> hacen que se cambie de línea automáticamente. También es posible cambiar la alineación del texto de cada párrafo. Para ello se modifica el valor del atributo align, cuyos valores pueden ser left (izquierda), right (derecha), center (centrado) o justify (justificado).
Ejemplo de <p>	<p> Tengo mucha hambre</p> <p>Tengo que ir la playa.</p>
BR	En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO. Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto. La etiqueta <br> no precisa ninguna etiqueta de cierre. No hay que insertar la etiqueta </br> después de ella, ya que dicha etiqueta no existe.
Ejemplo de <br>	Queridos usuarios,<br>tengo el placer de comunicarles que hay una nueva aplicacion.
Img	Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. El nombre de la imagen ha de especificarse a través del atributo src.
Ejemplo de img	<img src="imagenes/logo_animales.gif">
a	Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo. Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>. A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace.
Ejemplo de <a>	<a href="http://www.aulaclic.com">Visita www.aulaclic.com</a>
bgcolor	El primer parámetro que debes conocer es el del color de fondo, el "bgcolor". A través de este parámetro podremos definir el color de fondo que queramos que tenga nuestra página. Un ejemplo muy simple es el siguiente: Si queremos que nuestra página quede con un fondo rojo deberemos escribir:
Ejemplo de bgcolor	<body bgcolor="#FF0000"></body>
text	A través de la etiqueta <body> también es posible establecer el color del texto de la página a través del atributo text.
Ejemplo de text	<body text="#FF0000"> ... </body> </html>
Marquee	Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>. La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.
Ejemplo de Marquee	<marquee bgcolor="#006699" behavior="alternate" direction="right"> <b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>
hr	El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre.
Ejemplo de hr	Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi página.
ol	Para que una lista sea ordenada, sus elementos deberán encontrarse entre las etiquetas <ol> y </ol>. A través del atributo type es posible elegir el tipo de numeración, que puede ser 1 (números), a (letras minúsculas), A (letras mayúsculas), i (numeros romanos en minúsculas) o I (números romanos en mayúsculas).
Ejemplo de ol	<ol type="i"> <li>Perro</li> <li>Gato</li> <li>Periquito</li> </ol>
ul	Para que una lista sea desordenada, sus elementos deberán encontrarse entre las etiquetas <ul> y </ul>. A través del atributo type es posible elegir el tipo de viñeta, que puede ser circle (círculo), disc (disco) o square (cuadrado).
Ejemplo de ul	<ul type="circle"> <li>Perro</li> <li>Gato</li> <li>Periquito</li> </ul>
li	Cada uno de los elementos de una lista ha de insertarse entre las etiquetas <li> y </li>.
Ejemplo de li	<li>Perro</li> <li>Gato</li> <li>Periquito</li> ...

Next up

Description

Resource summary

Similar

	Created by isabella pena over 7 years ago