Etiquetas basicas de html
* <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 el
texto.
* <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 de otro 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>
Quedaria asi: (Abrir spoiler)
Show content
Consejo de Atributos
<body bgcolor=?>
Establece el color de fondo, usando nombres o valores hex
<body text=?>
Establece el color del texto, usando nombres o valores hex
<body link=?>
Establece el color de los enlaces, usando nombres o valores
hex
<body vlink=?>
Establece el color de los enlaces, usando nombres o valores
hex
<body alink=?>
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 de texto-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)
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 nuevo párrafo
<p align=?>
Alinea un párrafo a la izquierda, derecha o al centro
<br />
Inserta un salto de línea
<ol> </ ol>
Crea una lista numerada
<li> </ li>
Precede a cada elemento de la lista, y añade un número
<ul> </ ul>
Crea una lista con viñetas
Elementos gráficos
<img src="name">
Agrega una imagen
<img src="name" align=?>
Alinea una imagen: izquierda, derecha, centro;, superior,
medio fondo
<img src="name" border=?>
Ajusta tamaño del borde alrededor de una imagen
<hr />
Inserta una regla horizontal
<hr size=?>
Establece el tamaño (altura) de la regla
<hr width=?>
Establece la anchura de la regla, en porcentaje o valor
absoluto
Tablas
<table> </ table>
Crea una tabla
<tr> </ tr>
marcha cada fila en una tabla
<td> </ td>
Pone en marcha cada celda de una fila
<th> </ th>
Pone en marcha la cabecera de la tabla (una celda normal,
con negrita, texto centrado)
Atributos de la tabla
<table border=#>
Establece el ancho de borde alrededor de celdas de la tabla
<table cellspacing=#>
Ajusta la cantidad de espacio entre las celdas de la tabla
<table cellpadding=#>
Ajusta la cantidad de espacio entre el borde de una celda y
su contenido
<td colspan=#>
Establece el número de columnas de una celda debe abarcar
<td rowspan=#>
Establece el número de filas de una célula debe abarcar (por
defecto = 1)
<td nowrap>
Evita las líneas dentro de una célula se rompa para
adaptarse a
Formularios
Para las formas funcionales, tendrá que ejecutar un script
CGI. El HTML sólo crea la apariencia de un formulario.
<form>
</ form>
Crea todas
las formas
<select
name="nombre" múltiples size=?> </ select>
Crea un menú desplegable. Tamaño establece el número de
elementos de menú visible antes de yo u necesidad de desplazarse.
<option>
Pone en marcha cada elemento de menú
<select
name="NAME"> </ select>
Crea un
menú desplegable
<textarea name="nombre" cols=40 rows=8>
</ textarea>
Crea un área de la caja de texto. Establecer el ancho de las
columnas, filas ajustar la altura.
<input
type="checkbox" name="NAME">
Crea una casilla de verificación. Texto siguiente etiqueta.
<input type="radio" name="nombre"
value="x">
Crea un botón de radio. Texto sigue etiquetas
<input
type=text name="foo" size=20>
Crea una línea de texto y un área. Tamaño establece la
longitud, en caracteres.
<input
type="submit" value="NAME">
Crea un
botón Enviar
<input
type="image" border=0 name="NAME"
src="name.gif"> type="image"
Crea un botón Enviar con una imagen
<input type="reset">
Crea un botón de reinicio
No hay comentarios:
Publicar un comentario