Inicio de HTML

8
HTML Manuel Alejandro Jáuregui Jarillo 4101

Transcript of Inicio de HTML

Page 1: Inicio de  HTML

HTML

Manuel Alejandro Jáuregui Jarillo 4101

Page 2: Inicio de  HTML

Un formulario HTML es una sección de un

documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación (checkboxes), radio botones (radio buttons), menúes, etc.), y rótulos (labels) en esos controles. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando objetos de un menú, etc.), antes de enviar el formulario a un agente para que lo procese (p.ej., a un servidor web, a un servidor de correo, etc.)

Formulario

Page 3: Inicio de  HTML

<FORM

action="http://algunsitio.com/prog/usuarionuevo" method="post"> <P> <LABEL for="nombre">Nombre: </LABEL> <INPUT type="text" id="nombre"><BR> <LABEL for="apellido">Apellido: </LABEL> <INPUT type="text" id="apellido"><BR> <LABEL for="email">email: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sexo" value="Varón"> Varón<BR> <INPUT type="radio" name="sexo" value="Mujer"> Mujer<BR> <INPUT type="submit" value="Enviar"> <INPUT type="reset"> </P> </FORM>

Ejemplo de formulario

Page 4: Inicio de  HTML

La altura y anchura global de una tabla se

indica dentro del atributo <TABLE>, que señala la apertura y cierre de una tabla. Las dimensiones se definen mediante WIDTH (ancho) y HEIGHT (alto) y pueden expresarse en píxel o en tantos por ciento respecto a la página:

<TABLE WIDTH=500></TABLE>

Tablas

Page 5: Inicio de  HTML

La etiqueta <frame> permite insertar un

marco dentro de otro documento. Para crear una página dividida en marcos, es

necesario crear varios archivos HTML referidos a un archivo principal, que es el que permite su gestión. Así pues, antes de nada hace falta impostar este archivo "fuente", y, posteriormente, los demás archivos que componen el marco.

Frame

Page 6: Inicio de  HTML

HIPERVÍNCULOS O ENLACES EN HTML.

ETIQUETA <A>. Los enlaces o hipervínculos, también llamados

hipertextos son los textos o los objetos sobre los que podemos hacer clic para que nos lleven a otra parte del documento, a otra página web en el mismo sitio o a otra página de Internet, entre otras funciones.

<a href=”dirección del sitio”>Texto del Hipervínculo</a>

Hipervínculo

Page 7: Inicio de  HTML

<video

src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls>

</video> <audio src="/test/audio.ogg"></audio>

Video y Sonido

Page 8: Inicio de  HTML

Para insertar imágenes en un sitio usaremos la

etiqueta <img>.

Esta etiqueta debe ir acompañada del atributo src que es el que contiene el URL de la ubicación del archivo de la imagen.

Imágenes