SlideShare una empresa de Scribd logo
1 de 8
Manuel Alejandro Jáuregui Jarillo
4101

 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

 <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

 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

 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

 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

 <video
src="http://v2v.cc/~j/theora_testsuite/320x240.ogg"
controls>
</video>
<audio src="/test/audio.ogg">
</audio>
Video y Sonido

 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

Más contenido relacionado

La actualidad más candente (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Htmlca
HtmlcaHtmlca
Htmlca
 
HTML HyperText Markup Language
HTML HyperText Markup LanguageHTML HyperText Markup Language
HTML HyperText Markup Language
 
Guia 6 lenguaje_html
Guia 6 lenguaje_htmlGuia 6 lenguaje_html
Guia 6 lenguaje_html
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Ac programacion
Ac programacionAc programacion
Ac programacion
 
Hiperenlaces 5
Hiperenlaces 5Hiperenlaces 5
Hiperenlaces 5
 
Html&xml
Html&xmlHtml&xml
Html&xml
 
Html danny
Html dannyHtml danny
Html danny
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 
Etiquetas header, nav, section, aside 02
Etiquetas header, nav, section, aside 02Etiquetas header, nav, section, aside 02
Etiquetas header, nav, section, aside 02
 
Códigos enlaces internos y externos
Códigos enlaces internos y externosCódigos enlaces internos y externos
Códigos enlaces internos y externos
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
CLASES DE DISEÑO WEB
CLASES DE DISEÑO WEBCLASES DE DISEÑO WEB
CLASES DE DISEÑO WEB
 
Presentación1 de frames y marcos
Presentación1 de frames y marcosPresentación1 de frames y marcos
Presentación1 de frames y marcos
 

Destacado

Destacado (9)

Presentación1
Presentación1Presentación1
Presentación1
 
Pagina echa en dreamwaver
Pagina echa en dreamwaverPagina echa en dreamwaver
Pagina echa en dreamwaver
 
Importaciones
ImportacionesImportaciones
Importaciones
 
Maquetacion de pagina web
Maquetacion de pagina webMaquetacion de pagina web
Maquetacion de pagina web
 
Formulario html 5 pipe
Formulario html 5 pipeFormulario html 5 pipe
Formulario html 5 pipe
 
Importaciones
ImportacionesImportaciones
Importaciones
 
Pagina echa en dreamwaver
Pagina echa en dreamwaverPagina echa en dreamwaver
Pagina echa en dreamwaver
 
maquetacion}
maquetacion}maquetacion}
maquetacion}
 
Formulario html 5
Formulario html 5Formulario html 5
Formulario html 5
 

Similar a Inicio de HTML (20)

Html5
Html5Html5
Html5
 
Conceptos Basicos de Html
Conceptos Basicos de HtmlConceptos Basicos de Html
Conceptos Basicos de Html
 
Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
 
Tag s
Tag sTag s
Tag s
 
HTML_Estructura Basica.pptx
HTML_Estructura Basica.pptxHTML_Estructura Basica.pptx
HTML_Estructura Basica.pptx
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
DIAPOSITIVA.pptx
DIAPOSITIVA.pptxDIAPOSITIVA.pptx
DIAPOSITIVA.pptx
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTML
 
Tipo
TipoTipo
Tipo
 
Tema02 html
Tema02 htmlTema02 html
Tema02 html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Taller Wordpress Nivel II
Taller Wordpress Nivel IITaller Wordpress Nivel II
Taller Wordpress Nivel II
 
Html 000 fundamentos web - bib lioteca
Html 000   fundamentos web - bib liotecaHtml 000   fundamentos web - bib lioteca
Html 000 fundamentos web - bib lioteca
 

Último

Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 

Último (7)

Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 

Inicio de HTML

  • 2.   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
  • 3.   <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
  • 4.   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
  • 5.   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
  • 6.   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
  • 8.   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