SlideShare ist ein Scribd-Unternehmen logo
1 von 8
HTML

Ing. Lisseth Agüero
HTML
(HyperText Markup Language)
(HyperText Markup Language)

<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>
HTML
(HyperText Markup Language)
(HyperText Markup Language)

TAGs

Utilidad

<BODY BGCOLOR=“#FFF0000”> </BODY>

Cambiar el color de
fondo

<P> Las listas ordenadas:
<OL>
<LI> Van precedidas por números
<LI> La numeración es automática
<LI> Son muy utilizadas
</OL>

Listas ordenadas
HTML
(HyperText Markup Language)
(HyperText Markup Language)

TAGs
<P> Las listas no ordenadas:
<UL>
<LI> Van precedidas por bullets
<LI> No importa el orden
<LI> Son muy utilizadas
</OL>

Utilidad
Listas no ordenadas
HTML
(HyperText Markup Language)
(HyperText Markup Language)

TAGs
<P> Lista de definiciones:
<DL>
<DT> Primer termino
<DD> Definición del primer termino
<DT> Segundo termino
<DD> Definición del segundo termino
</DL>

Utilidad
Listas de Definiciones
HTML
(HyperText Markup Language)
(HyperText Markup Language)
TAGs

Utilidad

<IMG SRC=“mapa.png">

Insertar una imagen

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 >

Tamaño de la Imagen

<A HREF="http://www.htmlpoint.com">Visita
HTMLpoint</A>

Crear Enlaces a paginas en la web

<A HREF=“Ejemplo8.htm">Haz clic aquí para llegar
a la nueva página</A>

Enlaces a nuestra pagina
HTML
(HyperText Markup Language)
(HyperText Markup Language)
TAGs

Utilidad

<INPUT type="Nombre de campo" value="Valor
predeterminado" name="Nombre de elemento">

Usados para Crear Títulos

<INPUT type=radio name="género" value="M“>
<INPUT type=radio name="género" value=“F”

RADIO(Usado para seleccionar una
opción de varias)

<SELECT name="ocupación">
<OPTION VALUE="profesor">Profesor</OPTION>
<OPTION VALUE="profesor">Profesor</OPTION>
<OPTION VALUE="estudiante">Estudiante</OPTION>
</SELECT>

Listas desplegables (Combos)
HTML
(HyperText Markup Language)
(HyperText Markup Language)

TAGs
<TEXTAREA rows="3" name="comentarios">
Escriba aquí sus comentarios</TEXTAREA>

Utilidad
Usadas para hacer comentarios
con muchos caracteres

<INPUT type="submit" value="Enviar">

Botón

<INPUT type="checkbox" name="option1"
value="Matematica"> Matematica

Checkbox

Weitere ähnliche Inhalte

Andere mochten auch

Manualpaula
ManualpaulaManualpaula
ManualpaulaPau Rm
 
Apresentação Corporativa: Tupperware
Apresentação Corporativa: TupperwareApresentação Corporativa: Tupperware
Apresentação Corporativa: TupperwareCasulo
 
Eine Studie von Georg Schell zu Kassenkrediten
Eine Studie von Georg Schell zu KassenkreditenEine Studie von Georg Schell zu Kassenkrediten
Eine Studie von Georg Schell zu KassenkreditenCDU Sankt Augustin
 
Die 4 Blutgruppen - Eine kostenlose Einführung
Die 4 Blutgruppen - Eine kostenlose EinführungDie 4 Blutgruppen - Eine kostenlose Einführung
Die 4 Blutgruppen - Eine kostenlose EinführungPiper Verlag
 
Hybride Gesellschaftsspiele
Hybride GesellschaftsspieleHybride Gesellschaftsspiele
Hybride Gesellschaftsspielephburckh
 
SONIDOS DE LOS ANIMALES DE LA GRANJA
SONIDOS DE LOS ANIMALES DE LA GRANJASONIDOS DE LOS ANIMALES DE LA GRANJA
SONIDOS DE LOS ANIMALES DE LA GRANJASuzeth Gabriela
 
Der FINDOLOGIC Entwicklungsprozess
Der FINDOLOGIC EntwicklungsprozessDer FINDOLOGIC Entwicklungsprozess
Der FINDOLOGIC EntwicklungsprozessGeorg Sorst
 
Greenberg, gary 101 mitos de la biblia
Greenberg, gary   101 mitos de la bibliaGreenberg, gary   101 mitos de la biblia
Greenberg, gary 101 mitos de la bibliaFabio Gimenez
 
Partes del cuerpo
Partes del cuerpoPartes del cuerpo
Partes del cuerposu_alpi
 

Andere mochten auch (18)

In fünf Schritten in die Cloud
In fünf Schritten in die CloudIn fünf Schritten in die Cloud
In fünf Schritten in die Cloud
 
Trabajos toxiiii
Trabajos toxiiiiTrabajos toxiiii
Trabajos toxiiii
 
Trabajo envases
Trabajo envasesTrabajo envases
Trabajo envases
 
Manualpaula
ManualpaulaManualpaula
Manualpaula
 
Aktuelles klopein
Aktuelles klopeinAktuelles klopein
Aktuelles klopein
 
Apresentação Corporativa: Tupperware
Apresentação Corporativa: TupperwareApresentação Corporativa: Tupperware
Apresentação Corporativa: Tupperware
 
Eine Studie von Georg Schell zu Kassenkrediten
Eine Studie von Georg Schell zu KassenkreditenEine Studie von Georg Schell zu Kassenkrediten
Eine Studie von Georg Schell zu Kassenkrediten
 
Die 4 Blutgruppen - Eine kostenlose Einführung
Die 4 Blutgruppen - Eine kostenlose EinführungDie 4 Blutgruppen - Eine kostenlose Einführung
Die 4 Blutgruppen - Eine kostenlose Einführung
 
Hybride Gesellschaftsspiele
Hybride GesellschaftsspieleHybride Gesellschaftsspiele
Hybride Gesellschaftsspiele
 
Quiz
Quiz Quiz
Quiz
 
SONIDOS DE LOS ANIMALES DE LA GRANJA
SONIDOS DE LOS ANIMALES DE LA GRANJASONIDOS DE LOS ANIMALES DE LA GRANJA
SONIDOS DE LOS ANIMALES DE LA GRANJA
 
Der FINDOLOGIC Entwicklungsprozess
Der FINDOLOGIC EntwicklungsprozessDer FINDOLOGIC Entwicklungsprozess
Der FINDOLOGIC Entwicklungsprozess
 
Greenberg, gary 101 mitos de la biblia
Greenberg, gary   101 mitos de la bibliaGreenberg, gary   101 mitos de la biblia
Greenberg, gary 101 mitos de la biblia
 
Analis a la demanda
Analis  a la demandaAnalis  a la demanda
Analis a la demanda
 
Minn Tennis 2012
Minn Tennis 2012Minn Tennis 2012
Minn Tennis 2012
 
Turismoalternativo
TurismoalternativoTurismoalternativo
Turismoalternativo
 
Partes del cuerpo
Partes del cuerpoPartes del cuerpo
Partes del cuerpo
 
f/21 Quarterly Q3|2014
f/21 Quarterly Q3|2014f/21 Quarterly Q3|2014
f/21 Quarterly Q3|2014
 

Ähnlich wie Clase 2

Listas ordenadas y listas no ordenadas
Listas ordenadas y listas no ordenadasListas ordenadas y listas no ordenadas
Listas ordenadas y listas no ordenadasInmaculada Concepción
 
Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryMeeryGarcia97
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdffabrimm
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdfguest38abe5
 
Laura daniela martinez camila cuervo html
Laura daniela martinez   camila cuervo htmlLaura daniela martinez   camila cuervo html
Laura daniela martinez camila cuervo htmldecimosistemas2016
 
Laura daniela martinez camila cuervo html
Laura daniela martinez   camila cuervo htmlLaura daniela martinez   camila cuervo html
Laura daniela martinez camila cuervo htmldecimosistemas2016
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteWendy Navia Chambi
 
Los lenguajes de marcas
Los lenguajes de marcasLos lenguajes de marcas
Los lenguajes de marcasIELMESA
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informaticavcitordanilo47
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informaticavcitordanilo47
 

Ähnlich wie Clase 2 (20)

Listas ordenadas y listas no ordenadas
Listas ordenadas y listas no ordenadasListas ordenadas y listas no ordenadas
Listas ordenadas y listas no ordenadas
 
Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meery
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Guia html
Guia htmlGuia html
Guia html
 
Html cristina zabala
Html cristina zabalaHtml cristina zabala
Html cristina zabala
 
Laura daniela martinez camila cuervo html
Laura daniela martinez   camila cuervo htmlLaura daniela martinez   camila cuervo html
Laura daniela martinez camila cuervo html
 
Laura daniela martinez camila cuervo html
Laura daniela martinez   camila cuervo htmlLaura daniela martinez   camila cuervo html
Laura daniela martinez camila cuervo html
 
Listas
ListasListas
Listas
 
Programacion en html
Programacion en htmlProgramacion en html
Programacion en html
 
APRENDER Html
APRENDER HtmlAPRENDER Html
APRENDER Html
 
Html 1
Html 1Html 1
Html 1
 
Ejercicios de html listas y titulos
Ejercicios de html listas y titulosEjercicios de html listas y titulos
Ejercicios de html listas y titulos
 
Html
HtmlHtml
Html
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Los lenguajes de marcas
Los lenguajes de marcasLos lenguajes de marcas
Los lenguajes de marcas
 
Html
HtmlHtml
Html
 
Html2
Html2Html2
Html2
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 

Mehr von Lismirabal

Planificación
PlanificaciónPlanificación
PlanificaciónLismirabal
 
Consultar estado
Consultar estadoConsultar estado
Consultar estadoLismirabal
 
Procesar estado
Procesar estadoProcesar estado
Procesar estadoLismirabal
 
Estructura del informe
Estructura del informeEstructura del informe
Estructura del informeLismirabal
 
Diag de clases
Diag de clasesDiag de clases
Diag de clasesLismirabal
 
Estructura del primer informe
Estructura del primer informeEstructura del primer informe
Estructura del primer informeLismirabal
 
Metodología orientada a Objetos
Metodología orientada a ObjetosMetodología orientada a Objetos
Metodología orientada a ObjetosLismirabal
 
Procesamiento de datos
Procesamiento de datosProcesamiento de datos
Procesamiento de datosLismirabal
 
Estructuras de datos
Estructuras de datosEstructuras de datos
Estructuras de datosLismirabal
 
Consultar estado
Consultar estadoConsultar estado
Consultar estadoLismirabal
 

Mehr von Lismirabal (20)

Is clase1
Is clase1Is clase1
Is clase1
 
Is clase2
Is clase2Is clase2
Is clase2
 
Is clase1
Is clase1Is clase1
Is clase1
 
Planificación
PlanificaciónPlanificación
Planificación
 
Unefa
UnefaUnefa
Unefa
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Reg estado
Reg estadoReg estado
Reg estado
 
Procesar
ProcesarProcesar
Procesar
 
Procesar estado
Procesar estadoProcesar estado
Procesar estado
 
Estructura del informe
Estructura del informeEstructura del informe
Estructura del informe
 
Conexion
ConexionConexion
Conexion
 
Mvc
MvcMvc
Mvc
 
Casos de uso
Casos de usoCasos de uso
Casos de uso
 
Constructora
ConstructoraConstructora
Constructora
 
Diag de clases
Diag de clasesDiag de clases
Diag de clases
 
Estructura del primer informe
Estructura del primer informeEstructura del primer informe
Estructura del primer informe
 
Metodología orientada a Objetos
Metodología orientada a ObjetosMetodología orientada a Objetos
Metodología orientada a Objetos
 
Procesamiento de datos
Procesamiento de datosProcesamiento de datos
Procesamiento de datos
 
Estructuras de datos
Estructuras de datosEstructuras de datos
Estructuras de datos
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 

Clase 2

  • 2. HTML (HyperText Markup Language) (HyperText Markup Language) <HTML> <HEAD> <TITLE>Título de la página</TITLE> ... </HEAD> <BODY> ... </BODY> </HTML>
  • 3. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs Utilidad <BODY BGCOLOR=“#FFF0000”> </BODY> Cambiar el color de fondo <P> Las listas ordenadas: <OL> <LI> Van precedidas por números <LI> La numeración es automática <LI> Son muy utilizadas </OL> Listas ordenadas
  • 4. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs <P> Las listas no ordenadas: <UL> <LI> Van precedidas por bullets <LI> No importa el orden <LI> Son muy utilizadas </OL> Utilidad Listas no ordenadas
  • 5. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs <P> Lista de definiciones: <DL> <DT> Primer termino <DD> Definición del primer termino <DT> Segundo termino <DD> Definición del segundo termino </DL> Utilidad Listas de Definiciones
  • 6. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs Utilidad <IMG SRC=“mapa.png"> Insertar una imagen <IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 > Tamaño de la Imagen <A HREF="http://www.htmlpoint.com">Visita HTMLpoint</A> Crear Enlaces a paginas en la web <A HREF=“Ejemplo8.htm">Haz clic aquí para llegar a la nueva página</A> Enlaces a nuestra pagina
  • 7. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs Utilidad <INPUT type="Nombre de campo" value="Valor predeterminado" name="Nombre de elemento"> Usados para Crear Títulos <INPUT type=radio name="género" value="M“> <INPUT type=radio name="género" value=“F” RADIO(Usado para seleccionar una opción de varias) <SELECT name="ocupación"> <OPTION VALUE="profesor">Profesor</OPTION> <OPTION VALUE="profesor">Profesor</OPTION> <OPTION VALUE="estudiante">Estudiante</OPTION> </SELECT> Listas desplegables (Combos)
  • 8. HTML (HyperText Markup Language) (HyperText Markup Language) TAGs <TEXTAREA rows="3" name="comentarios"> Escriba aquí sus comentarios</TEXTAREA> Utilidad Usadas para hacer comentarios con muchos caracteres <INPUT type="submit" value="Enviar"> Botón <INPUT type="checkbox" name="option1" value="Matematica"> Matematica Checkbox