SlideShare a Scribd company logo
1 of 22
HTML Por: Antonio Pedron
Definición ,[object Object],[object Object],[object Object]
Ejemplo
<html> <head> </head> <title> Titulo </title> <body> <div align=&quot;center&quot;><font face=&quot;comic sans ms&quot; size=&quot;20&quot; color=&quot;blue&quot;> cuerpo del sitio </font></div> <marquee bgcolor=&quot;black&quot;> <font face=&quot;impact&quot; size=&quot;10&quot; color=&quot;yellow&quot;>marquesina</font></marquee> <MENU> <li type=&quot;disc&quot;> Elemento de lista 1 </li> <li type &quot;disc&quot;> Elemento de lista 2 </li> </MENU> <div align=&quot;center&quot;> <table> <tr> <th> Cabezera 1 </th> <th> Cabezera 2 </th> </tr> <tr> <td> Fila 2 </td> <td> Fila 2 </td> </tr> <tr> <td> Fila 3 </td> <td> Fila 3 </td> </tr> </table> </div> </body> </html>
 
¿Como hacerlo? Para empezar un sitio en HTML es necesario usar la etiqueta <html> y para cerrarlo </html> Block de notas Programas especializados: ,[object Object],[object Object],[object Object]
Etiquetas mas comunes y basicas
HTML ,[object Object],[object Object],[object Object]
HEAD ,[object Object],[object Object],[object Object]
TITLE ,[object Object],[object Object],[object Object]
BODY ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
FONT ,[object Object],[object Object],[object Object]
Modificadores de FONT ,[object Object],[object Object],[object Object],Todos estos atributos se escriben entre comillas
Lista de colores
MARQUEE ,[object Object],[object Object],[object Object]
[object Object],bgcolor=“yellow” nos dara un color negro de fondo de la marquesina Ejem: <marquee bgcolor=“yellow”>mi marquesina</marquee>
LI ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplo ,[object Object],[object Object],[object Object],[object Object]
Tablas ,[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot (20)

tutorial
tutorialtutorial
tutorial
 
Qué Son Las Css
Qué Son Las CssQué Son Las Css
Qué Son Las Css
 
Diapo02
Diapo02Diapo02
Diapo02
 
Producto 3 Byron
Producto 3 ByronProducto 3 Byron
Producto 3 Byron
 
Html
HtmlHtml
Html
 
Producto 3: Pagina Web
Producto 3: Pagina Web Producto 3: Pagina Web
Producto 3: Pagina Web
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
 
fila y columna
fila y columna fila y columna
fila y columna
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
El texto HTML
El texto HTMLEl texto HTML
El texto HTML
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Código htlm
Código htlmCódigo htlm
Código htlm
 
Html
HtmlHtml
Html
 
Estructura de una página web con estilo y heard
Estructura de una página web con estilo y heardEstructura de una página web con estilo y heard
Estructura de una página web con estilo y heard
 
etiquetas html
etiquetas htmletiquetas html
etiquetas html
 

Similar to Html (20)

Curso Html Basico
Curso Html BasicoCurso Html Basico
Curso Html Basico
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Html Bas
Html BasHtml Bas
Html Bas
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
HTML
HTMLHTML
HTML
 
Primeraclase
PrimeraclasePrimeraclase
Primeraclase
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Clase 2
Clase 2Clase 2
Clase 2
 
Clase 2
Clase 2Clase 2
Clase 2
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
HTML
HTMLHTML
HTML
 
H T M L E X P O S I C I O N
H T M L  E X P O S I C I O NH T M L  E X P O S I C I O N
H T M L E X P O S I C I O N
 
Html Exposicion
Html ExposicionHtml Exposicion
Html Exposicion
 
Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
Qué es xhtml
Qué es xhtmlQué es xhtml
Qué es xhtml
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 

Recently uploaded

Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 

Recently uploaded (16)

Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 

Html

  • 2.
  • 4. <html> <head> </head> <title> Titulo </title> <body> <div align=&quot;center&quot;><font face=&quot;comic sans ms&quot; size=&quot;20&quot; color=&quot;blue&quot;> cuerpo del sitio </font></div> <marquee bgcolor=&quot;black&quot;> <font face=&quot;impact&quot; size=&quot;10&quot; color=&quot;yellow&quot;>marquesina</font></marquee> <MENU> <li type=&quot;disc&quot;> Elemento de lista 1 </li> <li type &quot;disc&quot;> Elemento de lista 2 </li> </MENU> <div align=&quot;center&quot;> <table> <tr> <th> Cabezera 1 </th> <th> Cabezera 2 </th> </tr> <tr> <td> Fila 2 </td> <td> Fila 2 </td> </tr> <tr> <td> Fila 3 </td> <td> Fila 3 </td> </tr> </table> </div> </body> </html>
  • 5.  
  • 6.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.