Scribd
Cargar
198 vistas3 páginas

Codigos HTML

El documento describe las etiquetas básicas de HTML para estructurar el contenido de una página web. Incluye etiquetas para dividir la página en encabezado (<head>), cuerpo (<body>) y diferentes secciones como títulos (<h1>, <h2>, etc.), párrafos (<p>), listas (<ul>, <ol>), enlaces (<a>), imágenes (<img>), tablas (<table>, <tr>, <td>) y formularios (<form>, <input>). También proporciona atributos para dar formato y estilo a est

Cargado por

Joak0Pie Gómez Rodríguez
Derechos de autor
© Public Domain
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
198 vistas3 páginas

Codigos HTML

El documento describe las etiquetas básicas de HTML para estructurar el contenido de una página web. Incluye etiquetas para dividir la página en encabezado (<head>), cuerpo (<body>) y diferentes secciones como títulos (<h1>, <h2>, etc.), párrafos (<p>), listas (<ul>, <ol>), enlaces (<a>), imágenes (<img>), tablas (<table>, <tr>, <td>) y formularios (<form>, <input>). También proporciona atributos para dar formato y estilo a est

Cargado por

Joak0Pie Gómez Rodríguez
Derechos de autor
© Public Domain
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

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.


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
 

También podría gustarte