SlideShare una empresa de Scribd logo
1
Índice:
¿Que es HTML?...............................3
Estructura principal de HTML…….4
Etiquetas principales de HTML..5-6
Hojas de estilo .css……………………….7
Ejemplos de HTML..……………….8-15
Conclusión..……………………………….16


                                                 2
¿Qué es HTML?
 El HTML, Hyper Text Markup Language (Lenguaje
  de marcación de Hipertexto) es el lenguaje de
  marcas de texto utilizado normalmente en la www
  (World Wide Web). Fue creado en 1986 por el
  físico nuclear Tim Berners-Lee; el cual tomo
 dos herramientas preexistentes: El concepto de
 Hipertexto (Conocido también como link o ancla)
 el cual permite conectar dos elementos entre si y el
 SGML (Lenguaje Estándar de Marcación General)
 el cual sirve para colocar etiquetas o marcas en un
 texto que indique como debe verse.


                                                        3
Estructura principal de HTML
 <html>
 <head>
 <title> Titulo </title>
 </head>
 <body>


 </body>
 <html>
________________________________________________
 Nota: todas las etiquetas que se abran deberán de ser
  cerradas con un “/”
                                                          4
Etiquetas principales de HTML
 Bgcolor: Esta es colocada dentro de la etiqueta body, es
    para dar un fondo de color a nuestra pagina
   Background: Esta es colocada en la etiqueta body, es
    para poner de fondo una imagen a nuestra pagina
   Text: Esta igual se pone en la etiqueta body, nos sirve
    para poner de un color nuestro texto de nuestra pagina
   Center: Se pone el inicio y el final de un texto que
    queramos centrar
   A href: se pone para poner una referencia o un enlace
    directo
   Img src: Esta nos sirve para poner una imagen

                                                              5
Etiquetas principales de HTML
 Table: Nos sirve para poner una tabla en nuestra
    pagina
   Tr: Se pone dentro de table para decirnos en donde
    comienza una fila
   Td: Se pone dentro de table para decirnos en donde
    comienza una columna
   Colspan: Se pone dentro de td y nos sirve para unir dos
    columnas
   Rowspan: Se pone dentro de td y nos sirve para unir
    dos filas



                                                              6
Hojas de estilo .css
 CSS es una especificación desarrollada por el W3C
 (World Wide Web Consortium) para permitir la
 separación de los contenidos de los documentos
 escritos en HTML, XML, XHTML, SVG, o XUL de la
 presentacin del documento con las hojas de estilo,
 incluyendo elementos tales como los colores, fondos,
 márgenes, bordes, tipos de letra..., modificando as la
 apariencia de una página web de una forma más
 sencilla, permitiendo a los desarrolladores controlar el
 estilo y formato de sus documentos.



                                                            7
Ejemplos de HTML
 Html con bgcolor, text y center:
<html>
<head>
<title> 208 </title>
</head>
<body bgcolor="#c0c0c0" text="#ffffff">
<center>Zamora Santamaria Sebastian</center>
</body>
</html>

 Queda de la siguiente forma:

                                               8
9
 Html con background, text y center:
<html>
<head>
<title> 208 </title>
</head>
<body background="Freddie Mercury.JPG" text="#ffffff">
<center>Zamora Santamaria Sebastian</center>
</body>
</html>

 Queda de la siguiente forma:

                                                     10
11
 Html con a href y img src:
 <html>
 <head>
 <title> 208 </title>
 </head>
 <body> <center>Zamora Santamaria
    Sebastian</center>
   <a href="javascript.html">Javascript</a><p>
   <img src="FreddieMercury.jpg">
   </body>
   </html>
   Queda de la siguiente forma:

                                                  12
13
 Html con table, tr, td, colspan y rowspan:
<html>
<head>
<title> Tabla </title>
</head>
<body>
<table width=10% border=1 cellspacing=10>
<tr>
<td colspan=2><center>1</center></td>
</tr>
<tr>
<td rowspan=2><center>3</center</td>
<td>4</td>
</tr>
<tr>
<td>6</td>
</tr>
</body>
</html>
 Queda de la siguiente forma:                 14
15
Conclusión
 Sin el lenguaje HTML el internet no seria lo
 que conocemos hoy en día, la mayoría de
 todas las paginas que usamos día tras día
 están escritas en lenguaje HTML, es muy
 importante para un informático saber
 utilizar este lenguaje, ya que un informático
 lo usara a través de sus estudios y sus
 trabajos que ejecute.


                                                 16

Más contenido relacionado

La actualidad más candente

Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2brayanycamaro
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
Luis R Castellanos
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje htmlJeremias Morales
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje htmlmajito1995
 
Html
HtmlHtml
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
Dunia Esther
 
Html word2
Html word2Html word2
Html word2
Daniel CP
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas htmlMiguel Barajas
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
Ericka Zavala
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
dilaneduardo4587
 

La actualidad más candente (17)

Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2Colegio nacional nicolas esguerra 2
Colegio nacional nicolas esguerra 2
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Listado etiquetas html 5
Listado etiquetas html 5Listado etiquetas html 5
Listado etiquetas html 5
 
HTML
HTMLHTML
HTML
 
1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html1.3.2 elementos del lenguaje html
1.3.2 elementos del lenguaje html
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Moniquita
MoniquitaMoniquita
Moniquita
 
Html word2
Html word2Html word2
Html word2
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Similar a Html

PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
CesarBulla1
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
SebaMaya
 
HTML 2011
HTML 2011HTML 2011
Manual de introducción a CSS3
Manual de introducción a CSS3Manual de introducción a CSS3
Manual de introducción a CSS3
Juan Alberto Ortega Contreras
 
Manual de Introducción a CSS3
Manual de Introducción a CSS3Manual de Introducción a CSS3
Manual de Introducción a CSS3
Juan Alberto Ortega Contreras
 
Codigo html
Codigo htmlCodigo html
Codigo html
Juan Barillas
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
MUNICIPIO DE ITAGUI
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
Abrirllave
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
maxfontana90
 
Html.pptx
Html.pptxHtml.pptx
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barretoMariana Barreto
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página webMarthalove
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
albafa1995
 
Taller de HTML
Taller de HTMLTaller de HTML

Similar a Html (20)

PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Manual de introducción a CSS3
Manual de introducción a CSS3Manual de introducción a CSS3
Manual de introducción a CSS3
 
Manual de Introducción a CSS3
Manual de Introducción a CSS3Manual de Introducción a CSS3
Manual de Introducción a CSS3
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Intro paginasweb
Intro paginaswebIntro paginasweb
Intro paginasweb
 
Apuntes de HTML
Apuntes de HTMLApuntes de HTML
Apuntes de HTML
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Html
HtmlHtml
Html
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Diseño de página web
Diseño de página webDiseño de página web
Diseño de página web
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 

Último

maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
CesarPazosQuispe
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
Ing. Julio Iván Mera Casas
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
samuelvideos
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
espinozaernesto427
 

Último (20)

maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
Semana 10_MATRIZ IPER_UPN_ADM_03.06.2024
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
Desarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdfDesarrollo de habilidades de pensamiento (2).pdf
Desarrollo de habilidades de pensamiento (2).pdf
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
 

Html

  • 1. 1
  • 2. Índice: ¿Que es HTML?...............................3 Estructura principal de HTML…….4 Etiquetas principales de HTML..5-6 Hojas de estilo .css……………………….7 Ejemplos de HTML..……………….8-15 Conclusión..……………………………….16 2
  • 3. ¿Qué es HTML?  El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. 3
  • 4. Estructura principal de HTML  <html>  <head>  <title> Titulo </title>  </head>  <body>  </body>  <html> ________________________________________________  Nota: todas las etiquetas que se abran deberán de ser cerradas con un “/” 4
  • 5. Etiquetas principales de HTML  Bgcolor: Esta es colocada dentro de la etiqueta body, es para dar un fondo de color a nuestra pagina  Background: Esta es colocada en la etiqueta body, es para poner de fondo una imagen a nuestra pagina  Text: Esta igual se pone en la etiqueta body, nos sirve para poner de un color nuestro texto de nuestra pagina  Center: Se pone el inicio y el final de un texto que queramos centrar  A href: se pone para poner una referencia o un enlace directo  Img src: Esta nos sirve para poner una imagen 5
  • 6. Etiquetas principales de HTML  Table: Nos sirve para poner una tabla en nuestra pagina  Tr: Se pone dentro de table para decirnos en donde comienza una fila  Td: Se pone dentro de table para decirnos en donde comienza una columna  Colspan: Se pone dentro de td y nos sirve para unir dos columnas  Rowspan: Se pone dentro de td y nos sirve para unir dos filas 6
  • 7. Hojas de estilo .css  CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos. 7
  • 8. Ejemplos de HTML  Html con bgcolor, text y center: <html> <head> <title> 208 </title> </head> <body bgcolor="#c0c0c0" text="#ffffff"> <center>Zamora Santamaria Sebastian</center> </body> </html>  Queda de la siguiente forma: 8
  • 9. 9
  • 10.  Html con background, text y center: <html> <head> <title> 208 </title> </head> <body background="Freddie Mercury.JPG" text="#ffffff"> <center>Zamora Santamaria Sebastian</center> </body> </html>  Queda de la siguiente forma: 10
  • 11. 11
  • 12.  Html con a href y img src:  <html>  <head>  <title> 208 </title>  </head>  <body> <center>Zamora Santamaria Sebastian</center>  <a href="javascript.html">Javascript</a><p>  <img src="FreddieMercury.jpg">  </body>  </html>  Queda de la siguiente forma: 12
  • 13. 13
  • 14.  Html con table, tr, td, colspan y rowspan: <html> <head> <title> Tabla </title> </head> <body> <table width=10% border=1 cellspacing=10> <tr> <td colspan=2><center>1</center></td> </tr> <tr> <td rowspan=2><center>3</center</td> <td>4</td> </tr> <tr> <td>6</td> </tr> </body> </html>  Queda de la siguiente forma: 14
  • 15. 15
  • 16. Conclusión  Sin el lenguaje HTML el internet no seria lo que conocemos hoy en día, la mayoría de todas las paginas que usamos día tras día están escritas en lenguaje HTML, es muy importante para un informático saber utilizar este lenguaje, ya que un informático lo usara a través de sus estudios y sus trabajos que ejecute. 16