SlideShare a Scribd company logo
1 of 12
Download to read offline
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.

More Related Content

What's hot (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 to 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
 

Recently uploaded

Cuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdfCuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdfRosaAmeliaLlacsahuan
 
Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]QuantiKa14
 
Taller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docxTaller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docxSANTIAGOREYES92
 
PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.SARA BUENDIA RIOJA
 
Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024Educática
 
La electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluwLa electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluwDanielaEspaa3
 
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024Mariano Cabrera Lanfranconi
 

Recently uploaded (7)

Cuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdfCuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdf
 
Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]
 
Taller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docxTaller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docx
 
PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.
 
Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024
 
La electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluwLa electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluw
 
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
 

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.