SlideShare una empresa de Scribd logo
1 de 6
Instituto Tecnológico de Nor-oriente
ITECNOR
Ing.: Dubley Omar Sandoval Hernández
Informáticall
Las HTML
GaldámezPérez Marcos OttoDany
5. to SecciónA
Perito en Industria Alimentaria
24/02/2015
Llanos de la Fragua,Zacapa
HTML
siglas de Hipertexto Markup Lenguaje («lenguaje de marcas de
hipertexto»), hace referencia al lenguaje de marcado para la
elaboración de páginas web. Es un estándar que sirve de referencia
para la elaboración de páginas web en sus diferentes versiones,
define una estructura básicay un código (denominado código HTML)
para la definición de contenido de una página web, como texto,
imágenes, entre otros. Es un estándar a cargo de la W3C,
organización dedicada a la estandarización de casi todas las
tecnologías ligadas a la web, sobre todo enlo referente a su escritura
e interpretación.
El lenguaje HTML basa su filosofíade desarrollo enla referenciación.
Para añadir un elemento externo a la página (imagen, vídeo, script,
entre otros.), este no se incrusta directamente en el código de la
página, sino que se hace una referencia a la ubicación de dicho
elemento mediante texto. De este modo,la página web contiene sólo
texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página
final. Al ser un estándar, HTML busca ser un lenguaje que permita
que cualquier página web escrita en una determinadaversión, pueda
ser interpretada de la misma forma (estándar) por cualquier
navegador web actualizado.
Evolución HTMLS
Quisiera utilizar las siguientes líneas para contaros la historia del
HTML, pero no sin antes hacer constar que detrás de unos pocos
nombres y fechas hay mucho más trabajo.
Quisiera utilizar las siguientes líneas para contaros la historia del
HTML, pero no sin antes hacer constar que detrás de unos pocos
nombres y fechas hay mucho más trabajo, conexiones, ideas y
nombres que por cuestiones de espacio, tiempo y claridad quedan
exentas de este artículo.
Ante todo, definir de que estamos hablando exactamente: HTML es
el acrónimo de Hipertexto Markup Lenguaje, que traducido a nuestro
idioma es Lenguaje de Marcación de Texto.Es una herramienta para
que el ordenador conectado a Internet interprete como visualizar el
documento.
No es un lenguaje de programacióny no tiene compiladoralguno,así
que si hay algún error que no detectalo visualizará de la manera en
la que lo ha entendido. Es un sistema de etiquetas que indica al
ordenadorcuando hay que señalar una cursiva, separar un párrafo o
definir el color del texto.
Principales
Un ejemplo de código HTML con coloreado de sintaxis.
1. html:inicio y final de un documento html
2. head: cabeceradel documento HTML
3. title: define el título de la página (va dentro de head, pero es
obligatoria)
4. body: cuerpo del documento HTML
Etiquetas que van dentro de "head"
 link: vínculo a hojas de estilo CSS
 style: estilo de la página incrustado
 u: texto subrayado (desaprobada)
 script: script o guión.
Etiquetas que van dentro de "body"
form: inicio de un formulario
Encabezados
1. h1: encabezado de primer nivel
2. h2: encabezado de segundo nivel
3. h3: encabezado de tercer nivel
4. h4: encabezado de cuarto nivel
5. h5: encabezado de quinto nivel
6. h6: encabezado de sexto nivel
Utilización de los encabezados
La etiqueta de mayor valor es la cabecera h1, esta debe contenerla
frase principal de la que trata la entrada. Su localización debe ser la
más cercana a la parte superior izquierda de la web, ya que el
buscadorsiempre lee los datos de esta forma. Se recomiendaque
solo hagamos uso una sola vez de esta etiqueta. La cabecera h2 se
utiliza para definir una frase secundaria dentro de nuestro artículo
conteniendo las palabras clave. Su uso de debe de ser continuo y
se recomiendo un máximo de 4 a 6.
La cabecerah3 es de menor valor que la etiqueta h2, esta sirve
para definir las secciones interiores de nuestro artículo. Las
cabeceras h4, h5, h6 son las menos utilizadas, y de las que se
desconoce más sobre su utilización. 1
Tablas
 table: define una tabla
 tr: fila de una tabla
 td: celda de datos de una tabla
 th: celda de cabecerade una tabla
Listas
 li: elemento de lista
 ol: lista ordenada
 ul: lista desordenada
Formatos
 b: estilo de texto negrita (desaprobada)
 i: estilo de texto cursiva (desaprobada)
 s: estilo de texto tachado (desaprobada)
 u: estilo de texto subrayado
Otros
 a: enlace.
 div: capa de la página.
 img: para insertar imágenes.
Galdamez Peres 5to A

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
3 septimo
3 septimo3 septimo
3 septimo
 
Preguntas codecademy
Preguntas codecademyPreguntas codecademy
Preguntas codecademy
 
Pesentación diferencias htlm y htlm 5
Pesentación diferencias htlm y htlm 5Pesentación diferencias htlm y htlm 5
Pesentación diferencias htlm y htlm 5
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Actividad nº6
Actividad nº6Actividad nº6
Actividad nº6
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
Ruiz guerra HTML
Ruiz guerra HTMLRuiz guerra HTML
Ruiz guerra HTML
 
Info p1 b_exce11_andrea salgado
Info p1 b_exce11_andrea salgadoInfo p1 b_exce11_andrea salgado
Info p1 b_exce11_andrea salgado
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Practica01
Practica01Practica01
Practica01
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 
Apwe html intro
Apwe html introApwe html intro
Apwe html intro
 
Diferencias de html y xml
Diferencias de html y xmlDiferencias de html y xml
Diferencias de html y xml
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 

Destacado

La arquitectura en roma
La arquitectura en romaLa arquitectura en roma
La arquitectura en romapalacioomar
 
Toyota and component suppliers
Toyota and component suppliersToyota and component suppliers
Toyota and component suppliersRazata Razata
 
Foros victor solorio
Foros victor solorioForos victor solorio
Foros victor solorioVicSol
 
El proceso de lectura
El proceso de lecturaEl proceso de lectura
El proceso de lecturaluis
 
Tipos Y Propiedades Terapeuticas
Tipos Y Propiedades Terapeuticas
Tipos Y Propiedades Terapeuticas
Tipos Y Propiedades Terapeuticas roberto6osborne
 
Productos 9,10,11,12,13
Productos 9,10,11,12,13Productos 9,10,11,12,13
Productos 9,10,11,12,13delfisuno
 
Evaluación de la_materia
Evaluación de la_materiaEvaluación de la_materia
Evaluación de la_materianellyadriana
 
Jose luis flores
Jose luis floresJose luis flores
Jose luis floresJOSESKATE
 
Blackstone Synergy - Small Businesses concept note
Blackstone Synergy - Small Businesses concept noteBlackstone Synergy - Small Businesses concept note
Blackstone Synergy - Small Businesses concept noteDebashish Banerjee
 
Robotica Grupo # 4
Robotica Grupo # 4 Robotica Grupo # 4
Robotica Grupo # 4 Luis Luna
 

Destacado (20)

La arquitectura en roma
La arquitectura en romaLa arquitectura en roma
La arquitectura en roma
 
Toyota and component suppliers
Toyota and component suppliersToyota and component suppliers
Toyota and component suppliers
 
Proyecto identidad digital
Proyecto identidad digital Proyecto identidad digital
Proyecto identidad digital
 
Recreos sofi
Recreos sofiRecreos sofi
Recreos sofi
 
Foros victor solorio
Foros victor solorioForos victor solorio
Foros victor solorio
 
El proceso de lectura
El proceso de lecturaEl proceso de lectura
El proceso de lectura
 
Poc
PocPoc
Poc
 
Tipos Y Propiedades Terapeuticas
Tipos Y Propiedades Terapeuticas
Tipos Y Propiedades Terapeuticas
Tipos Y Propiedades Terapeuticas
 
Productos 9,10,11,12,13
Productos 9,10,11,12,13Productos 9,10,11,12,13
Productos 9,10,11,12,13
 
Abdul Qadir CV
Abdul Qadir CVAbdul Qadir CV
Abdul Qadir CV
 
8
88
8
 
Evaluación de la_materia
Evaluación de la_materiaEvaluación de la_materia
Evaluación de la_materia
 
Estadistica
EstadisticaEstadistica
Estadistica
 
Jose luis flores
Jose luis floresJose luis flores
Jose luis flores
 
Autobiografia Jhonatan
Autobiografia JhonatanAutobiografia Jhonatan
Autobiografia Jhonatan
 
pelicula avatar
pelicula avatarpelicula avatar
pelicula avatar
 
Maria Auxiliadora
Maria AuxiliadoraMaria Auxiliadora
Maria Auxiliadora
 
Omar edgar mirlenis
Omar  edgar mirlenisOmar  edgar mirlenis
Omar edgar mirlenis
 
Blackstone Synergy - Small Businesses concept note
Blackstone Synergy - Small Businesses concept noteBlackstone Synergy - Small Businesses concept note
Blackstone Synergy - Small Businesses concept note
 
Robotica Grupo # 4
Robotica Grupo # 4 Robotica Grupo # 4
Robotica Grupo # 4
 

Similar a Galdamez Peres 5to A (20)

Tarea
TareaTarea
Tarea
 
Trabajo de html wilder ruiz
Trabajo de html wilder ruizTrabajo de html wilder ruiz
Trabajo de html wilder ruiz
 
marlon cordon Html
marlon cordon Htmlmarlon cordon Html
marlon cordon Html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Html
HtmlHtml
Html
 
Trabajo de informatica que es HTML
Trabajo de informatica que es HTMLTrabajo de informatica que es HTML
Trabajo de informatica que es HTML
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Trabajo.docx
Trabajo.docxTrabajo.docx
Trabajo.docx
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Introducción al lenguaje HTML
Introducción al lenguaje HTMLIntroducción al lenguaje HTML
Introducción al lenguaje HTML
 
Html
HtmlHtml
Html
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Html
HtmlHtml
Html
 

Galdamez Peres 5to A

  • 1. Instituto Tecnológico de Nor-oriente ITECNOR Ing.: Dubley Omar Sandoval Hernández Informáticall Las HTML GaldámezPérez Marcos OttoDany 5. to SecciónA Perito en Industria Alimentaria 24/02/2015
  • 2. Llanos de la Fragua,Zacapa HTML siglas de Hipertexto Markup Lenguaje («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia
  • 3. para la elaboración de páginas web en sus diferentes versiones, define una estructura básicay un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo enlo referente a su escritura e interpretación. El lenguaje HTML basa su filosofíade desarrollo enla referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo,la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinadaversión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado. Evolución HTMLS Quisiera utilizar las siguientes líneas para contaros la historia del HTML, pero no sin antes hacer constar que detrás de unos pocos nombres y fechas hay mucho más trabajo. Quisiera utilizar las siguientes líneas para contaros la historia del HTML, pero no sin antes hacer constar que detrás de unos pocos nombres y fechas hay mucho más trabajo, conexiones, ideas y nombres que por cuestiones de espacio, tiempo y claridad quedan exentas de este artículo. Ante todo, definir de que estamos hablando exactamente: HTML es el acrónimo de Hipertexto Markup Lenguaje, que traducido a nuestro idioma es Lenguaje de Marcación de Texto.Es una herramienta para que el ordenador conectado a Internet interprete como visualizar el documento. No es un lenguaje de programacióny no tiene compiladoralguno,así que si hay algún error que no detectalo visualizará de la manera en la que lo ha entendido. Es un sistema de etiquetas que indica al
  • 4. ordenadorcuando hay que señalar una cursiva, separar un párrafo o definir el color del texto. Principales Un ejemplo de código HTML con coloreado de sintaxis. 1. html:inicio y final de un documento html 2. head: cabeceradel documento HTML 3. title: define el título de la página (va dentro de head, pero es obligatoria) 4. body: cuerpo del documento HTML Etiquetas que van dentro de "head"  link: vínculo a hojas de estilo CSS  style: estilo de la página incrustado  u: texto subrayado (desaprobada)  script: script o guión. Etiquetas que van dentro de "body" form: inicio de un formulario Encabezados 1. h1: encabezado de primer nivel 2. h2: encabezado de segundo nivel 3. h3: encabezado de tercer nivel 4. h4: encabezado de cuarto nivel 5. h5: encabezado de quinto nivel
  • 5. 6. h6: encabezado de sexto nivel Utilización de los encabezados La etiqueta de mayor valor es la cabecera h1, esta debe contenerla frase principal de la que trata la entrada. Su localización debe ser la más cercana a la parte superior izquierda de la web, ya que el buscadorsiempre lee los datos de esta forma. Se recomiendaque solo hagamos uso una sola vez de esta etiqueta. La cabecera h2 se utiliza para definir una frase secundaria dentro de nuestro artículo conteniendo las palabras clave. Su uso de debe de ser continuo y se recomiendo un máximo de 4 a 6. La cabecerah3 es de menor valor que la etiqueta h2, esta sirve para definir las secciones interiores de nuestro artículo. Las cabeceras h4, h5, h6 son las menos utilizadas, y de las que se desconoce más sobre su utilización. 1 Tablas  table: define una tabla  tr: fila de una tabla  td: celda de datos de una tabla  th: celda de cabecerade una tabla Listas  li: elemento de lista  ol: lista ordenada  ul: lista desordenada Formatos  b: estilo de texto negrita (desaprobada)  i: estilo de texto cursiva (desaprobada)  s: estilo de texto tachado (desaprobada)  u: estilo de texto subrayado Otros  a: enlace.  div: capa de la página.  img: para insertar imágenes.