Introducción Al HTML

Introducción al HTML
<HTML> <HEAD> <TITLE> <BODY>
Estructura básica de un documento HTML: Cabecera y cuerpo del

documento
Tres son las tags que describen la estructura general de un documento y dan una
información sencilla sobre él. Estas tags no afectan a la apariencia del documento y
solo interpretan y filtran los archivos HTML.
1. <HTML>: Limitan el documento e indica que se encuentra escrito en este

lenguaje.
2. <HEAD>: Especifica el prólogo del resto del archivo. Son pocas las tags que
van dentro de ella, destacando la del titulo <TITLE> que será utilizado por
los marcadores del navegador e identificará el contenido de la página. Solo
puede haber un título por documento, preferiblemente corto aunque
significativo, y no caben otras tags dentro de él. En head no hay que colocar
nada del texto del documento.
3. <BODY>: Encierra el resto del documento, el contenido.
<HTML>
<HEAD>
<TITLE>Ejemplo 1</TITLE>
</HEAD>
<BODY>
Hola mundo
</BODY>
</HTML>
Primeros Pasos:
<H1> <P> <BR>
Tres son la tags que describen la estructura general de un documento y dan una
información sencilla sobre él. Estas tags no afectan a la apariencia del documento y
solo interpretan y filtran los archivos HTML.
1. <H1>, <H2>, <H3>...: Titulares. Sirven para dividir el texto en secciones. Se

pueden definir seis niveles de titulares, el texto que deseamos que sea un titular se
pone entre las tags <H1> Titular </H1>. Se definen mediante las tags <H1>.....</H1>
hasta <H6>.....</H6>
2. <P>: Párrafos. En principio, sin entrar en detalles de alineación u otras

características, digamos que se definen por las tags <P>.....<P>. Esta tag, en
un principio, se diseñó para saltar de párrafo por lo que puede ir sola "<P>"
al final de un texto indicando que a continuación se quiere una línea en
blanco aunque le recomendamos que se acostumbre a utilizarla abriéndola y
cerrándola.
3. <BR>: Saltos de línea. Esta tag sirve para realizar un salto de linea, puede
poner tantas como desee y realizará un salto de línea por cada una de ellas.
1
4. : Comentarios. Son directivas que nunca se mostrarán a través del
navegador y que le servirán para recordatorios en futuras revisiones del
documento.
Bien, recuperemos nuestro ejemplo y agreguemos nuestros nuevos

conocimientos.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Mi primera página</H1>

<P>Hola mundo, esta es un página con titular,

que tiene también un párrafo y unos cuantos
saltos de línea.</P>
Uno<br>
Dos<br>
Tres<br>
</BODY>
</HTML>
Creación de Enlaces
<A>
Lo característico del lenguaje HTML es el poder generar vínculos de hipertexto para

enlazar con ellos todos sus documentos en web.
Para generar un enlace a otro documento necesitamos el nombre de un archivo (o

su dirección URL) y el texto que servirá de punto de activación del otro documento.
Este segundo elemento será el que veamos en pantalla y que se servirá del primero
para saltar de documento.
Los enlaces se generan mediante la tag <A>.....</A> y, a diferencia de los vistos

anteriormente, llevará siempre dentro de la tag un atributo ya sea <A HREF=""> o
<A NAME="">.
1. <A HREF="URL">.....</A>: Es el más habitual de los atributos y sirve para

saltar entre diferentes URLs. De momento veremos:
o Saltar en una presentación del archivo 1 al archivo 2: En el archivo 1
incluiremos la directiva <A HREF="archivo2.html">Siguiente
página</a>
o Saltar de nuestra presentación a otra presentación web llamada
www.bienvenidos.es: <A HREF="http://www.bienvenidos.es">Visita
esta página</A>
2. <A NAME="parte1">Primera parte</A>: Utilizamos el atributo name

para dar nombre a una sección de nuestro documento. Posteriormente,
2
cuando en nuestro documento queramos incluir un vínculo a dicha sección
escribiremos: <A HREF="#parte1">Ir a la primera parte</A>
<HTML>
<HEAD>
</HEAD>
<BODY>
<A NAME="arriba"><H1>Página de enlaces</H1></A>
<A HREF="#abajo">Ir abajo</A><br>
<A HREF="ej4.html">Ir a ejemplo 4</A><br><br>

<A HREF="http://www.webestilo.com/">Ir a WebEstilo</A><br>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br>.<br>.<br>.<br>.<br>.<br>
<A NAME="abajo"><br></A>
<A HREF="#arriba">Ir arriba</A>
</BODY>
</HTML>
URL: Localizador Universal de Recursos
Los URL son las direcciones de las informaciones que buscamos en Internet. Los
URL constan de tres partes:
1. Protocolo: Es el programa que utilizará el navegador para obtener el

archivo elegido. Les suena HTTP, FTP, Gopher...
2. Nombre del host: Se trata del sistema donde se encuentra almacenada la
información que buscamos.
3. Ruta del fichero: Se trata de la ubicación del archivo dentro del host.
http://www.escueladavinci.net/page/cursos
Entre los principales tipos de URL destacan:
1. HTTP: Son los más populares ya que son los utilizados por los servidores de
WWW para mandar documentos a través de Internet.
2. FTP: Se utilizan para apuntar hacia los archivos que estén en servidores que
usan el protocolo FTP (File Transfer Protocol). Este protocolo es
normalmente utilizado para enviar y recibir ficheros. Es el protocolo que se
usa para enviar nuestras páginas al servidor de internet. Como ya se puede
imaginar en estos servidores se almacenan los archivos que forman parte de
nuestra presentación web.
3. File: Apuntan hacia archivos contenidos en el mismo disco que se encuentra
el navegador. No resulta muy interesante poner estos URL en nuestras
presentaciones puesto que otra persona que desde otro sistema apunte
hacia este URL, generalmente fallará en su intento y no podrá tener acceso
a él.
4. Mailto: Se usa para mandar correos electrónicos. Cuando seleccionamos
este tipo de URL se abre la aplicación de correo electrónico de nuestro
ordenador para enviar un correo a la dirección hacia la que apunta el URL.
La forma estandar es: malito: [email protected]
3
5. News: Son URL de grupos de noticias, en estos servidores se almacenan
mensajes el los que se discuten sobre direfentes temas.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Diferentes tipos de URLs</H1>
Enlace a <A HREF="http://www.escueladavinci.net">WebEstilo</A>.

<br>
Enlace al servidor de FTP
de <A HREF="ftp://ftp.mozilla.org/pub/mozilla/">Mozilla</A>.
<br>
Enlace a <A HREF="file:///C:">la unidad C
de su ordenador</A>.
<br>
Enlace a <a href="mailto:[email protected]">
mailto:[email protected]</a>.
<br>
Enlace a las <A HREF="news://msnews.microsoft.com">News de Microsoft</A>.
<br>
</BODY>
</HTML>
Listas: <UL> <OL> <LI>
Junto con encabezados y párrafos, son otro de los elementos HTML más comunes.
Pueden darse cinco tipos diferentes de listas, cada uno con tags distintas aunque
con alguna en común:
1. Listas numeradas u ordenadas: Se engloban por las

tags <ol>.....</ol> y cada elemento de la lista estará
encabezado por la tag <li> que puede o no llevar la tag de
cierre </li>. Es conveniente que cada elemento de la lista
esté en una línea nueva aunque todo seguido consiga en la
presentación el mismo efecto. Cuando el navegador interpreta
una lista ordenada, numera y sangra cada elemento en forma
secuencial, aunque se introduzcan modificaciones.
2. Listas con viñetas o sin orden: Se engloban por las tags

<ul>.....</ul> y cada elemento de la lista, también estará
encabezado por la tag <li>. El resultado es que el navegador
inserta viñetas (marcadores) delante de cada elemento.
3. Listas de menú y de directorio: Están en desuso puesto que su

resultado suele ser, prácticamente, idéntico al de las listas
con viñetas.
▪ Menú: Englobadas por las tags <menu>.....</menu> y
cada elemento encabezado por la tag <li>.
▪ Directorio: Englobadas por las tags <dir>.....</dir> y
cada elemento encabezado por la tag <li>.
4. Listas de glosario: Cada elemento de la lista está

compuesto por un término y una definición y cada una de
estas partes tiene su propia tag. Estas listas se engloban con
las tags <dl>.....</dl>. Para el término se usa la tag <dt> y
4
para la definición la tag <dd>. Generalmente el navegador
colocará término y definición en dos líneas diferentes pero
esto se puede evitar añadiendo a la tag de apertura el
atributo compact: <dl compact>.
5. Listas anidadas: Consiste en poner una lista dentro de otra, de

manera que la lista secundaria sangre respecto a la principal.
Puede jugar con los diferentes tipos de lista pero recuerde
estructurar bien las tags: Las tags de la lista principal
englobarán todo el conjunto de las listas y las tags de las
listas secundarías se cerraran antes de volver a la lista
principal. Ahora quizá le empiece a convenir sangrar el propio
código conforme lo va escribiendo en HTML.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Listas</H1>
Una lista ordenada
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<br><br>
Una lista sin ordenar
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<br><br>
Una lista de glosario
<dl>
<dt>Témino 1</dt>
<dd>Definición 1</dd>
<dt>Témino 2</dt>
<dd>Definición 2</dd>
</dl>
<br><br>
Listas anidadas
<ul>
<li>Uno
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</BODY>
</HTML>
Estilos de Caracter: <B> <U> <I>
5
Estos estilo son tags que afectan a palabras o carácteres dentro de otras entidades
de HTML modificando el aspecto de ese texto para que sea diferente del texto que
lo rodea. Existen dos tipos de estilos:
1. Estilos lógicos: Indican como se va a emplear el texto que realzamos, no el

como se va a formatear.
o <em>.....</em>: Indica que los carácteres estarán enfatizados de
alguna manera, generalmente en cursiva aunque dependerá del
navegador.
o <strong>.....</strong>: Los carácteres tendrán mayor énfasis,
generalmente en negrita.
o <code>.....</code>: Muestra como una fuente monoespaciada,
generalmente Courier.
o <samp>.....</samp>: Muy similar a code.
o <kdb>.....</kdb>: Texto que el usuario debe escribir.
o <var>.....</var>:Nombre de una variable que deba ser reemplazada
por su valor real. Generalmente en cursiva o subrayada.
o <dfn>.....</dfn>:Se usa para resaltar una palabra que se va a
definir.
o <cite>.....</cite>: Se usa para citas cortas.
2. Estilos físicos: Modifican la presentación real del texto.

o <b>.....</b>: Pone el texto en negrita.
o <i>.....</i>: Pone el texto en cursiva.
o <tt>.....</tt>: Pone el texto en fuente monoespaciada.
o <u>.....</u>: Subraya el texto afectado.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Estilos de caracter</H1>
Un ejemplo de texto de <EM>realzado</EM>.<br>
Un ejemplo de texto de <STRONG>realzado</STRONG>.<br>
Un ejemplo de texto de <CODE>realzado</CODE>.<br>
Un ejemplo de texto de <SAMP>realzado</SAMP>.<br>
Un ejemplo de texto de <KDB>realzado</KDB>.<br>
Un ejemplo de texto de <VAR>realzado</VAR>.<br>
Un ejemplo de texto de <DFN>realzado</DFN>.<br>
Un ejemplo de texto de <CITE>realzado</CITE>.<br>
<br>
Un ejemplo de texto de <B>realzado</B>.<br>
Un ejemplo de texto de <I>realzado</I>.<br>
Un ejemplo de texto de <U>realzado</U>.<br>
Un ejemplo de texto de <TT>realzado</TT>.<br>
</BODY>
</HTML>
Saltos y Líneas <HR> <BR>
1. Líneas divisorias: Se crean con la tag <hr> que no tiene tag de cierre ni
lleva texto asociado. Se puede especificar el ancho de la línea con el siguiente
atributo
<hr width="80%">.
6
2. Saltos de línea: La tag <br> inserta un salto de línea donde se coloque.
Puede colocar tantas como desee y se insertará un salto de línea por cada
una de ellas.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Saltos y lineas</H1>
<HR>
<HR width="80%">
<HR width="60%">
<HR width="40%">
<HR width="20%">
----
<br><br><br>
----
</BODY>
</HTML>
Tablas <TABLE> <TR> <TD>
Las tablas surgieron con la versión HTML 3.0. Las tablas nos permiten representar y
ordenar cualquier elemento de nuestra presentación en diferentes filas y columnas
de modo que podamos resumir grandes cantidades de información de una manera
que puede representarse rápida y fácilmente.
El contenido de una tabla lo debemos desarrollar entre las tags

<table>.....</table>.
Las tablas se definen fila a fila, celda a celda, comenzando desde la celda superior
izquierda. Las columnas se calcularán automáticamente según las celdas que hay
en cada fila.
Cada fila de la tabla se indica mediante las tags <tr>.....</tr>. Las tags <th> y
<td> con sus correspondientes tags de cierre, indican para indicar las filas
individuales dentro de cada fila. Las tags <th>.....</th> indican que se trata de
celdas que sirven como encabezado de tabla y suelen visualizarse en negrita. Las
tags <td>.....</td> indican que se trata de celdas comunes.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Tablas básicas</H1>
<TABLE BORDER="1">
<TR>
<TH>Cabereca 1</TH>
7
<TH>Cabereca 2</TH>
<TH>Cabereca 3</TH>
</TR>
<TR>
<TD>Dato 1</TD>
<TD>Dato 2</TD>
<TD>Dato 3</TD>
</TR>
<TR>
<TD>Dato 4</TD>
<TD>Dato 5</TD>
<TD>Dato 6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Accesorio de las Tablas:
* Título
Cuando queramos titular una tabla, podemos escribirlo como texto normal o usando
las tags <caption>.....</caption>. Las tags de título van dentro de las tags de la
tabla y son opcionales, el título no es obligatorio. La tag de apertura puede llevar
consigo el atributo align que indicará si el título va encima o debajo de la tabla.
align="top" indicaría encima de la tabla y align="bottom" indicaría en la parte de
abajo.
* Alineación de celdas:
Una vez colocadas las celdas, hay que alinear los datos dentro de cada celda. Así,
dentro de cada tag de celda podemos encontrar:
1. El atributo align= define horizontalmente los datos al margen izquierdo

(left), al derecho (right) o centrado (center).
2. El atributo valign= define verticalmente los datos en la parte superior (top),
en la parte inferior (bottom) o centrado (middle).
* Celdas extendidas:
Para crear una celda que abarque varias filas o columnas, debemos colocar en las
tags <th> o <td> los atributos:
1. rowspan= más un valor para indicar el número de filas que se quiere

abarcar.
2. colspan= más un valor para indicar el número de columnas que se quiere
abarcar.
Si opta por poner celdas extendidas en su presentación Web, la cosa se complica

bastante. Nuestra recomendación: Coja lápiz y papel y dibuje la tabla con todas las
filas y columnas que se quieren formar porque así tendrá mucho más claro los
valores que debe asignar a los atributos rowspan y colspan y las tags a las que hay
que asignarlos.
8
* Espaciado en tablas:
Podemos modificar el aspecto de la tabla cambiando el ancho de los bordes, el

espaciado entre celdas y el ancho de las mismas.
1. width= Acompaña a <table> y especifica el ancho de la tabla, tanto en

número de pixeles como en porcentaje respecto al ancho de la pantalla. También
puede acompañar a las tags <th> o <td> para especificar el ancho de las
columnas.
2. Border= Anteriormente, ya hemos hablado de este atributo. Ahora le
diremos que puede darle un valor que indicará el ancho del borde en
pixeles. Border="0" indicaría la ausencia de borde.
3. Cellspacing= Suele acompañar a la tag <table>. Indica el número de pixeles
que separan cada celda. El valor predeterminado suele ser 2.
4. Cellpadding= También acompaña a la tag <table>. Indica el espacio en
pixeles entre el borde de la celda y su contenido. El valor predeterminado
suele ser 1.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Tablas avanzadas</H1>
<TABLE WIDTH="50%" BORDER="1" CELLSPACING="3" CELLPADDING="2">

<TR>
<TD COLSPAN="2" ALIGN="right">Dato 1</TD>
<TD>Un texto cualquiera</TD>
<TD ROWSPAN="2">Dato 3</TD>
</TR>
<TR>
<TD>Dato 4</TD>
<TD>Dato 4</TD>
<TD ALIGN="center">Dato 5</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Formularios: <FORM>
La Web se ha convertido en una poderosa arma para las empresas que se

dedican a realizar encuestas y, los formularios han sido una de las herramientas
que han ayudado a este auge.
Los formularios nos van a permitir, desde dentro de una presentación web,
solicitar información al visitante. Estos formularios estarán compuestos por tantos
campos como informaciones queramos obtener. Una vez introducidos los valores en
estos campos serán enviados a una URL donde se procesará toda esta información.
Un formulario sigue siendo lenguaje html y por lo tanto necesita de unas tags
que lo especifiquen. La declaración de formulario queda recogida por las tags
<form>.....</form> y dentro de ellas se recogerán todas las variables de entrada.
9
A la tag de apertura <form> le acompañarán estos atributos:
1. action="" Entre comillas se indica el programa que va a tratar las variables

enviadas con el formulario, un guión CGI o la URL mailto.
2. Method="" Indica el método de transferencia de las variables. Post, si se
envía a través del STDIO. Get, si se envía a través de la URL.
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>Formularios</H1>
<FORM ACTION="mailto:unaprueba" METHOD="POST">

<INPUT TYPE="text" NAME="nombre"><BR>
<INPUT TYPE="submit"><INPUT TYPE="Reset">
</FORM>
</BODY>
</HTML>
Campos de Entrada: <INPUT>
La tag <input> define la introducción de variables. Junto a esta tag encontraremos

los siguientes atributos:
1. type="" Indicará el tipo de variable a introducir.

o text Indica que el campo a introducir será un texto. Sus atributos:
▪ maxlenght="" Seguido de un valor que limitará el número
máximo de carácteres a introducir en ese campo.
▪ size="" Seguido de un valor que limitará el numero de
carácteres a mostrar en pantalla.
▪ value="" Indica que no hay valor inicial del campo.
o Password Indica que el campo a introducir será una palabra de paso.
Mostrará asteriscos en lugar de letras escritas. Sus atributos serán
los mismos que para text.
o Checkbox El campo se elegirá marcando de entre varias opciones una
casilla cuadrada.
▪ value="" Entre comillas se indicará el valor de la casilla.
▪ checked La casilla aparecerá marcada por defecto.
o Radio El campo se elegirá marcando de entre varias opciones una
casilla circular.
▪ value="" Entre comillas se indicará el valor de la casilla.
o Image El campo contendrá el valor en coordenadas del punto de la
imagen que haya pinchado. Atributo obligatorio:
▪ src="" Entre comillas escribiremos el nombre del archivo de
imagen.
o hidden El visitante no puede modificar su valor ya que no está visible.
Se manda siempre junto al atributo value= seguido de su valor entre
comillas.
2. Name="" Indicará el nombre que se asigna a un determinado campo.
10
<HTML>
<HEAD>
</HEAD>
<BODY>

Texto: <INPUT TYPE="text" NAME="nombre"><BR>
Password: <INPUT TYPE="password" NAME="contra"><BR>
Sexo:<INPUT TYPE="radio" NAME="boton1" VALUE="1"> Hombre
<INPUT TYPE="radio" NAME="boton1" VALUE="2">Mujer<BR>
Vehiculo:<INPUT TYPE="checkbox" NAME="Moto" VALUE="Si">Moto
<INPUT TYPE="checkbox" NAME="Coche" VALUE="" CHECKED>Coche
<BR><BR>
</FORM>
</BODY>
</HTML>
Campos de Selección: <SELECT>
Las tags <select>.....</select> encierran los valores que podremos elegir a partir
de una lista. Los atributos que acompañan a la tag de apertura son:
1. name="" Indicará el nombre del campo de selección.

2. Size="" Indicará el número de opciones visibles. Si le asignamos 1, la
selección se presentará como un menú desplegable. Si le asignamos un
valor mayor se presentará como una lista con barra de desplazamiento.
3. multiple Indica si se pueden realizar multiples selecciones.
Las diferentes opciones de la lista se indicarán mediante la tag <option> que puede
acompañarse del atributo selected para indicar cual es la opción que aparecerá por
defecto. Si no lo especificamos, siempre será la primera de la lista.
<HTML>
<HEAD>
</HEAD>
<BODY>

<SELECT NAME="Colores" MULTIPLE>
<OPTION VALUE="r">Rojo</OPTION>
<OPTION VALUE="g">Verde</OPTION>
<OPTION VALUE="b">Azul</OPTION>
</SELECT>
<BR><BR>
<SELECT NAME="Colores" SIZE="1">
<OPTION VALUE="r">Rojo</OPTION>
11
<OPTION VALUE="g">Verde</OPTION>
<OPTION VALUE="b">Azul</OPTION>
</SELECT>
<BR><BR>
</FORM>
</BODY>
</HTML>
Area e Texto <TEXTAREA>
Con las tags <textarea>;.....</textarea> definimos un texto de múltiples líneas

para que el visitante pueda incluir un comentario junto a sus datos.
Junto a la tag de apertura pueden aparecer los siguientes atributos:
1. name="" Nombre del campo.

2. Cols="" Numero de columnas de texto visible.
3. Rows="" Numero de filas de texto visible.
<HTML>
<HEAD>
</HEAD>
<BODY>

<TEXTAREA COLS=20 ROWS=10 NAME="Texto">
</TEXTAREA>
<BR><BR>
</FORM>
</BODY>
</HTML>
Botones
Se definen mediante la tag <input> a la que le acompañan los atributos:
1. type="" Seguido de submit para enviar los datos del formulario y seguido de
reset para borrar los datos que se han introducido.
2. Value="" Indica el texto que incorporaran los botones. Normalmente, enviar
y borrar.
<HTML>
<HEAD>
</HEAD>
<BODY>

<TEXTAREA COLS=20 ROWS=10 NAME="Texto">
12
</TEXTAREA>
<BR><BR>
</FORM>
</BODY>
</HTML>1
1 Unidad Nº 8 – Curso Dreamweaver – Escuela de Arte Multimedial Da Vinci – Prof. Karina Santos
13

Introducción Al HTML

Cargado por

Copyright:

Formatos disponibles

Introducción Al HTML

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Introducción Al HTML

Cargado por

Copyright:

Formatos disponibles

Introducción al HTML

<HTML> <HEAD> <TITLE> <BODY>

Estructura básica de un documento HTML: Cabecera y cuerpo del

1. <HTML>: Limitan el documento e indica que se encuentra escrito en este

3. <BODY>: Encierra el resto del documento, el contenido.

<H1> <P> <BR>

1. <H1>, <H2>, <H3>...: Titulares. Sirven para dividir el texto en secciones. Se

2. <P>: Párrafos. En principio, sin entrar en detalles de alineación u otras

Bien, recuperemos nuestro ejemplo y agreguemos nuestros nuevos

<!-- Aqui va un comentario que no es

<P>Hola mundo, esta es un página con titular,

Lo característico del lenguaje HTML es el poder generar vínculos de hipertexto para

Para generar un enlace a otro documento necesitamos el nombre de un archivo (o

Los enlaces se generan mediante la tag <A>.....</A> y, a diferencia de los vistos

1. <A HREF="URL">.....</A>: Es el más habitual de los atributos y sirve para

2. <A NAME="parte1">Primera parte</A>: Utilizamos el atributo name

<A HREF="ej4.html">Ir a ejemplo 4</A><br><br>

URL: Localizador Universal de Recursos

1. Protocolo: Es el programa que utilizará el navegador para obtener el

Entre los principales tipos de URL destacan:

<H1>Diferentes tipos de URLs</H1>

Enlace a <A HREF="http://www.escueladavinci.net">WebEstilo</A>.

1. Listas numeradas u ordenadas: Se engloban por las

2. Listas con viñetas o sin orden: Se engloban por las tags

3. Listas de menú y de directorio: Están en desuso puesto que su

4. Listas de glosario: Cada elemento de la lista está

5. Listas anidadas: Consiste en poner una lista dentro de otra, de

Estilos de Caracter: <B> <U> <I>

1. Estilos lógicos: Indican como se va a emplear el texto que realzamos, no el

2. Estilos físicos: Modifican la presentación real del texto.

Saltos y Líneas <HR> <BR>

Tablas <TABLE> <TR> <TD>

El contenido de una tabla lo debemos desarrollar entre las tags

Accesorio de las Tablas:

1. El atributo align= define horizontalmente los datos al margen izquierdo

1. rowspan= más un valor para indicar el número de filas que se quiere

Si opta por poner celdas extendidas en su presentación Web, la cosa se complica

Podemos modificar el aspecto de la tabla cambiando el ancho de los bordes, el

1. width= Acompaña a <table> y especifica el ancho de la tabla, tanto en

<TABLE WIDTH="50%" BORDER="1" CELLSPACING="3" CELLPADDING="2">

La Web se ha convertido en una poderosa arma para las empresas que se

1. action="" Entre comillas se indica el programa que va a tratar las variables

<FORM ACTION="mailto:unaprueba" METHOD="POST">

Campos de Entrada: <INPUT>

La tag <input> define la introducción de variables. Junto a esta tag encontraremos

1. type="" Indicará el tipo de variable a introducir.

<FORM ACTION="mailto:unaprueba" METHOD="POST">

Campos de Selección: <SELECT>

1. name="" Indicará el nombre del campo de selección.

<FORM ACTION="mailto:unaprueba" METHOD="POST">

Area e Texto <TEXTAREA>

Con las tags <textarea>;.....</textarea> definimos un texto de múltiples líneas

Junto a la tag de apertura pueden aparecer los siguientes atributos:

1. name="" Nombre del campo.

<FORM ACTION="mailto:unaprueba" METHOD="POST">

Se definen mediante la tag <input> a la que le acompañan los atributos:

<FORM ACTION="mailto:unaprueba" METHOD="POST">

También podría gustarte