SlideShare una empresa de Scribd logo
1 de 12
Benemérita Universidad Autónoma de Puebla
Facultad de Ingeniería Química
Lic. En Ingeniería Química
Materia: Desarrollo de Habilidades en el
uso de la Tecnología, la Información y la
Comunicación.
Profesor: Misael Flores Olmos.
Alumno (a): Humberto Flores López.
Trabajo: Lenguaje de Programación HTML.
Fecha: 25/04/15.
CODIGO HTML
HTML , siglas de HyperText Markup Language ( Lenguaje de
Marcas de Hipertexto ), es el lenguaje de marcado predominante
para la construcción de páginas Web
LENGUAJE DE MARCADO
Un lenguaje de marcado o lenguaje de marcas es
una forma de codificar un documento que, junto
con el texto, incorpora etiquetas o marcas que
contienen información adicional acerca de la
estructura del texto o su presentación. El lenguaje
de marcas más extendido es el Código de HTML
PAGINA Web: Una página Web, también
conocida como página de Internet, es
un documento : Un documento es el
testimonio material de un hecho o acto
realizado en el ejercicio de sus
funciones por instituciones o personas
físicas, adaptado para una pagina Web :
Una página Web es un documento
típicamente común a Internet una
página Web es realizado en el código
HTML .
EL LENGUAJE DE MARCADO HTML: Es usado para describir la estructura y el
contenido en forma de texto, así como para complementar el texto con objetos
tales como imágenes.
El código HTML se escribe en forma de etiquetas , rodeadas por corchetes
angulares (<,>).
ETIQUETAS: Las etiquetas es en qué juego de caracteres está la página,
de qué tipo es cada uno de los fragmentos de texto que contiene (por
ejemplo, encabezamiento, texto normal, etc.), si están alineados a un lado
o centrados, en qué tipo de letra está el texto (cursiva, negrita, etc.), si
hay tablas, de qué anchura son etc.
CORCHETES ANGULARES
(<,>)Los corchetes angulares o
las balizas dan al navegador las
instrucciones necesarias para
que presente la página en
pantalla.
ELEMENTOS DEL HTML :
Los elementos son la
estructura básica de HTML.
Los elementos tienen dos
propiedades básicas:
Atributos y contenido.
Cada atributo y contenido
tiene ciertas restricciones
para que se considere
válido al documento HTML.
TABLAS EN HTML: Las tablas son la
manera más sencilla de organizar el
contenido en una página Web.
Nos permiten delimitar de qué lugar a qué
lugar deseamos que se muestre el
contenido.
QUE NOS PERMITE UNA TABLA EN
HTML:
Una tabla nos permite organizar y distribuir
los espacios de la manera más optima.
Nos puede ayudar a generar texto en
columnas como los periódicos, prefijar los
tamaños ocupados por distintas secciones
de la página o poner de una manera
sencilla un pie de foto a una imagen.
ESTRUCTURA DE UNA TABLA:
Las tablas están formadas por filas,
columnas y celdas.
Cada espacio horizontal continuado es una
fila y cada espacio vertical continuado es
una columna, definiéndose una celda
como el espacio formado por la
intersección de una fila y una columna.
Sin HTML no existiría el Internet que hoy
conocemos, si no se hubiera inventado,
seguiríamos con el aburrido FTP
(Protocolo de Transferencia de Ficheros)
mandándonos o bajando archivos que a
veces ni sabíamos lo que eran, sin tener la
posibilidad de visualizarlo antes.

Más contenido relacionado

La actualidad más candente (19)

LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Construcción página web
Construcción página webConstrucción página web
Construcción página web
 
Html
HtmlHtml
Html
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
Etiquetas html básicas
Etiquetas html básicasEtiquetas html básicas
Etiquetas html básicas
 
Html
HtmlHtml
Html
 
Producto 3 rodrigo y ryan
Producto 3 rodrigo y ryanProducto 3 rodrigo y ryan
Producto 3 rodrigo y ryan
 
HTML
HTMLHTML
HTML
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
HTML: Una introducción.
HTML: Una introducción.HTML: Una introducción.
HTML: Una introducción.
 
Christianjaimea-6
Christianjaimea-6Christianjaimea-6
Christianjaimea-6
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 

Similar a Diapositivas HTML (20)

html
htmlhtml
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
html
 html html
html
 
marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 
Tema 1
Tema 1Tema 1
Tema 1
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgos
 
Tema 1
Tema 1Tema 1
Tema 1
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Guía de Lenguaje de Programación
Guía de Lenguaje de ProgramaciónGuía de Lenguaje de Programación
Guía de Lenguaje de Programación
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
 
html
html html
html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Codigo HTML.docx
Codigo HTML.docxCodigo HTML.docx
Codigo HTML.docx
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Último

Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 

Último (18)

Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 

Diapositivas HTML

  • 1. Benemérita Universidad Autónoma de Puebla Facultad de Ingeniería Química Lic. En Ingeniería Química Materia: Desarrollo de Habilidades en el uso de la Tecnología, la Información y la Comunicación. Profesor: Misael Flores Olmos. Alumno (a): Humberto Flores López. Trabajo: Lenguaje de Programación HTML. Fecha: 25/04/15.
  • 2. CODIGO HTML HTML , siglas de HyperText Markup Language ( Lenguaje de Marcas de Hipertexto ), es el lenguaje de marcado predominante para la construcción de páginas Web
  • 3. LENGUAJE DE MARCADO Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. El lenguaje de marcas más extendido es el Código de HTML
  • 4. PAGINA Web: Una página Web, también conocida como página de Internet, es un documento : Un documento es el testimonio material de un hecho o acto realizado en el ejercicio de sus funciones por instituciones o personas físicas, adaptado para una pagina Web : Una página Web es un documento típicamente común a Internet una página Web es realizado en el código HTML .
  • 5. EL LENGUAJE DE MARCADO HTML: Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. El código HTML se escribe en forma de etiquetas , rodeadas por corchetes angulares (<,>).
  • 6. ETIQUETAS: Las etiquetas es en qué juego de caracteres está la página, de qué tipo es cada uno de los fragmentos de texto que contiene (por ejemplo, encabezamiento, texto normal, etc.), si están alineados a un lado o centrados, en qué tipo de letra está el texto (cursiva, negrita, etc.), si hay tablas, de qué anchura son etc.
  • 7. CORCHETES ANGULARES (<,>)Los corchetes angulares o las balizas dan al navegador las instrucciones necesarias para que presente la página en pantalla.
  • 8. ELEMENTOS DEL HTML : Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: Atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML.
  • 9. TABLAS EN HTML: Las tablas son la manera más sencilla de organizar el contenido en una página Web. Nos permiten delimitar de qué lugar a qué lugar deseamos que se muestre el contenido.
  • 10. QUE NOS PERMITE UNA TABLA EN HTML: Una tabla nos permite organizar y distribuir los espacios de la manera más optima. Nos puede ayudar a generar texto en columnas como los periódicos, prefijar los tamaños ocupados por distintas secciones de la página o poner de una manera sencilla un pie de foto a una imagen.
  • 11. ESTRUCTURA DE UNA TABLA: Las tablas están formadas por filas, columnas y celdas. Cada espacio horizontal continuado es una fila y cada espacio vertical continuado es una columna, definiéndose una celda como el espacio formado por la intersección de una fila y una columna.
  • 12. Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes.