SlideShare una empresa de Scribd logo
REPÚBLICA BOLIVARIANA DE VENEZUELA
MINISTERIO DEL PODER POPULAR PARA LA DEFENSA
VICEMINISTRO DE EDUCACIÓN PARA LA DEFENSA
UNIVERSIDAD MILITAR BOLIVARIANA DE VENEZUELA
ACADEMIA TECNICA MILITAR DE COMUNICACIONES Y ELECTRONICA
COORDINACION ACADEMICA
Introducción al Lenguaje de Programación
Material de Referencia para la Unidad VI
Unidad Curricular:
Informática y Programación
Trayecto I.
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 2
Facilitador:
MSc. Katherine Martínez
Maracay, Mayo de 2021
¿QUÉ ES HTML?
HTML es el lenguaje con el que se definen las páginas web. Básicamente se
trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos
que compondrán una página web.
Se trata de la sigla que corresponde a HyperText Markup Language, es decir,
Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de
Formato de Documentos para Hipertexto.
Se trata de un formato abierto que surgió a partir de las etiquetas SGML
(Standard Generalized Markup Language). Concepto traducido generalmente como
“Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema
que permite ordenar y etiquetar diversos documentos dentro de una lista. Este
lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se
utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que
es un sistema de formato abierto.
EL HTML se encarga de desarrollar una descripción sobre los contenidos que
aparecen como textos y sobre su estructura, complementando dicho texto con
diversos objetos (como fotografías, animaciones, etc).
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que
tienen que ver con el formato de los documentos. El texto en él se crea a partir de
etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y
formatos.
Para la escritura de este lenguaje, se crean etiquetas que aparecen
especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus
componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que
tienen dos propiedades (el contenido en sí mismo y sus atributos).
Por otra parte, cabe destacar que el HTML permite ciertos códigos que se
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 3
conocen como scripts, los cuales brindan instrucciones específicas a los navegadores
que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los
más conocidos y utilizados son JavaScript y PHP.
HTML es la abreviatura de HyperText Markup Language, y es el lenguaje que
todos los programas navegadores usan para presentar información en la World Wide
Web (WWW). Este es un lenguaje muy sencillo que se basa en el uso de etiquetas,
consistentes en un texto ASCII encerrado dentro de un par de paréntesis
angulares(<..>). El texto incluido dentro de los paréntesis nos dará una explicación
de la utilidad de la etiqueta. Así por ejemplo la etiqueta <TABLE> nos permitirá
definir una tabla.
Las etiquetas podrán incluir una serie de atributos o parámetros, en su
mayoría opcionales, que nos permitirán definir diferentes posibilidades o
características de la misma. Estos atributos quedarán definidos por su nombre (que
será explicativo de su utilidad) y el valor que toman separados por un signo de igual.
En el caso de que el valor que tome el atributo tenga más de una palabra deberá
expresarse entre comillas, en caso contrario no será necesario. Así por ejemplo la
etiqueta <TABLE border=2> nos permitirá definir una tabla con borde de tamaño 2.
Entre otras cosas, el manejo de estas etiquetas nos permitirá:
• Definir la estructura lógica del documento HTML.
• Aplicar distintos estilos al texto (negrita, cursiva, ...).
• La inclusión de hiperenlaces, que nos permitirán acceder a otros documentos
relacionados con el actual.
• La inclusión de imágenes y ficheros multimedia (gráficos, vídeo, audio).
¿Qué vamos a necesitar para crear un documento HTML?
• Un procesador de textos para escribir y editar el código HTML. Este podrá ser
cualquiera que no formatee el texto, ya que el leguaje HTML está basado en el
código ASCCI. Si usamos un procesador como el Word, tendremos que guardar el
documento como "sólo texto ".
• Un navegador Web como el Explorer, Netscape, Mosaic, etc., el cual se
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 4
encargará de interpretar el código HTML de nuestro documento y mostrárnoslo en
todo su esplendor.
La secuencia de trabajo para crear nuestro documento es:
1. Con el procesador de texto crearemos el documento HTML y lo guardaremos
con el nombre que deseemos, a excepción de la extensión, que deberá ser
necesariamente .htm ó .html.
2. Para visualizar nuestro documento HTML abriremos el documento con el
programa navegador.
Estructura de un documento HTML
La estructura básica de un documento HTML es la siguiente:
<HTML> Indica el inicio del documento
<HEAD> Indica el inicio de la cabecera
<TITLE> Inicio del título del documento
</TITLE> Final del título del documento
</HEAD> Final de la cabecera
<BODY> Inicio del cuerpo del documento
Instrucciones HTML
</BODY> Final del cuerpo del documento
</HTML> Final del documento
Atributos del texto
Al texto de nuestro documento HTML le podemos aplicar distintos atributos
(negrita, cursiva, subrayado, etc), al igual que hacemos cuando trabajamos con el
procesador de textos en la edición de nuestros documentos. Para aplicar estos
atributos disponemos de distintas etiquetas, que aplicarán su efecto al texto incluido
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 5
entre sus indicadores de inicio y fin.
Texto con Formato
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 6
Color de Letras
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 7
Tipo de Letras
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 8
Insertar Tablas
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 9
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 10
Insertar Enlaces
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 11
Insertar Imágenes
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 12
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 13
Insertar Marcos (Frames)
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 14
Insertar Formularios
Unidad VI
Informática y Programación
Recopilación de Conceptos de otros autores 15

Más contenido relacionado

PPTX
U7 lenguajes de marcado
PDF
Trabajo de Investigacion
PPTX
PDF
Definicion de Lenguaje de Marcas
DOCX
PPTX
Jesica resabala mero html
PPTX
Html y xml
U7 lenguajes de marcado
Trabajo de Investigacion
Definicion de Lenguaje de Marcas
Jesica resabala mero html
Html y xml

La actualidad más candente (13)

PPTX
Ana aristega xml y html
PPTX
Diferencia entre html y xml
PPTX
PPSX
Diferencia entre html xml
PPTX
Presentación de html y xml
PPTX
Diferencias entre XML y HTML
PPTX
taller1 vera viviana
PDF
PPTX
Diferencia html y xml
PPSX
Taller 1 raul guaranda
PPTX
Html y xml
PPSX
PPTX
HTML DIFERENCIA KON XML
Ana aristega xml y html
Diferencia entre html y xml
Diferencia entre html xml
Presentación de html y xml
Diferencias entre XML y HTML
taller1 vera viviana
Diferencia html y xml
Taller 1 raul guaranda
Html y xml
HTML DIFERENCIA KON XML
Publicidad

Similar a Guía de Lenguaje de Programación (20)

PPTX
Desarrolla aplicaciones-web
PDF
PPTX
DOCX
Consulta.docx
DOCX
Consulta.docx
PDF
Definición de html
DOCX
Definición de html
DOCX
Definición de html
PPTX
Aspectos Importantes de el lenguaje html
PPTX
PPTX
Aspectos Importantes del lenguaje html
DOCX
Trabajo.docx
PPT
Apuntes de HTML 1
DOCX
Producto 1
Desarrolla aplicaciones-web
Consulta.docx
Consulta.docx
Definición de html
Definición de html
Definición de html
Aspectos Importantes de el lenguaje html
Aspectos Importantes del lenguaje html
Trabajo.docx
Apuntes de HTML 1
Producto 1
Publicidad

Más de KatherineMartinez133 (10)

PPTX
Virus Informáticos
PDF
Guía de Diagramas de Flujo
PDF
Guia de algoritmos
PPTX
Guía de Herramienta Ofimática Microsoft Power Point
PPTX
Guía de Herramienta Ofimática Microsoft Excel
PPTX
Guía de Herramienta Ofimática Microsoft Word
PPTX
Sistemas operativos
PDF
Sistemas de computación
PPTX
Entorno de trabajo power point
PPTX
Redes sociales: Aspectos Fundamentales
Virus Informáticos
Guía de Diagramas de Flujo
Guia de algoritmos
Guía de Herramienta Ofimática Microsoft Power Point
Guía de Herramienta Ofimática Microsoft Excel
Guía de Herramienta Ofimática Microsoft Word
Sistemas operativos
Sistemas de computación
Entorno de trabajo power point
Redes sociales: Aspectos Fundamentales

Último (20)

PDF
Ernst Cassirer - Antropologia Filosofica.pdf
DOC
Manual de Convivencia 2025 actualizado a las normas vigentes
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
PDF
Nadie puede salvarte excepto Tú - Madame Rouge Ccesa007.pdf
PDF
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
PDF
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
PPTX
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
PDF
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
PPTX
LAS MIGRACIONES E INVASIONES Y EL INICIO EDAD MEDIA
PDF
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Modelo Educativo SUB 2023versión final.pdf
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
PDF
Telos 127 Generacion Al fa Beta - fundaciontelefonica
PDF
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
PDF
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE_COM.pdf
PDF
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf
Ernst Cassirer - Antropologia Filosofica.pdf
Manual de Convivencia 2025 actualizado a las normas vigentes
TOMO II - LITERATURA.pd plusenmas ultras
Teologia-Sistematica-Por-Lewis-Sperry-Chafer_060044.pdf
Nadie puede salvarte excepto Tú - Madame Rouge Ccesa007.pdf
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
LIBRO 2-SALUD Y AMBIENTE-4TO CEBA avanzado.pdf
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
1. Intrdoduccion y criterios de seleccion de Farm 2024.pdf
LAS MIGRACIONES E INVASIONES Y EL INICIO EDAD MEDIA
Como Potenciar las Emociones Positivas y Afrontar las Negativas Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Modelo Educativo SUB 2023versión final.pdf
PLAN DE CASTELLANO 2021 actualizado a la normativa
Iniciación Al Aprendizaje Basado En Proyectos ABP Ccesa007.pdf
Telos 127 Generacion Al fa Beta - fundaciontelefonica
ACERTIJO EL CONJURO DEL CAZAFANTASMAS MATEMÁTICO. Por JAVIER SOLIS NOYOLA
MATERIAL DIDÁCTICO 2023 SELECCIÓN 1_REFORZAMIENTO 1° BIMESTRE_COM.pdf
Mi Primer Millon - Poissant - Godefroy Ccesa007.pdf

Guía de Lenguaje de Programación

  • 1. REPÚBLICA BOLIVARIANA DE VENEZUELA MINISTERIO DEL PODER POPULAR PARA LA DEFENSA VICEMINISTRO DE EDUCACIÓN PARA LA DEFENSA UNIVERSIDAD MILITAR BOLIVARIANA DE VENEZUELA ACADEMIA TECNICA MILITAR DE COMUNICACIONES Y ELECTRONICA COORDINACION ACADEMICA Introducción al Lenguaje de Programación Material de Referencia para la Unidad VI Unidad Curricular: Informática y Programación Trayecto I.
  • 2. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 2 Facilitador: MSc. Katherine Martínez Maracay, Mayo de 2021 ¿QUÉ ES HTML? HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto. Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto. EL HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc). Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos. Para la escritura de este lenguaje, se crean etiquetas que aparecen especificadas a través de corchetes o paréntesis angulares: < y >. Entre sus componentes, los elementos dan forma a la estructura esencial del lenguaje, ya que tienen dos propiedades (el contenido en sí mismo y sus atributos). Por otra parte, cabe destacar que el HTML permite ciertos códigos que se
  • 3. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 3 conocen como scripts, los cuales brindan instrucciones específicas a los navegadores que se encargan de procesar el lenguaje. Entre los scripts que pueden agregarse, los más conocidos y utilizados son JavaScript y PHP. HTML es la abreviatura de HyperText Markup Language, y es el lenguaje que todos los programas navegadores usan para presentar información en la World Wide Web (WWW). Este es un lenguaje muy sencillo que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado dentro de un par de paréntesis angulares(<..>). El texto incluido dentro de los paréntesis nos dará una explicación de la utilidad de la etiqueta. Así por ejemplo la etiqueta <TABLE> nos permitirá definir una tabla. Las etiquetas podrán incluir una serie de atributos o parámetros, en su mayoría opcionales, que nos permitirán definir diferentes posibilidades o características de la misma. Estos atributos quedarán definidos por su nombre (que será explicativo de su utilidad) y el valor que toman separados por un signo de igual. En el caso de que el valor que tome el atributo tenga más de una palabra deberá expresarse entre comillas, en caso contrario no será necesario. Así por ejemplo la etiqueta <TABLE border=2> nos permitirá definir una tabla con borde de tamaño 2. Entre otras cosas, el manejo de estas etiquetas nos permitirá: • Definir la estructura lógica del documento HTML. • Aplicar distintos estilos al texto (negrita, cursiva, ...). • La inclusión de hiperenlaces, que nos permitirán acceder a otros documentos relacionados con el actual. • La inclusión de imágenes y ficheros multimedia (gráficos, vídeo, audio). ¿Qué vamos a necesitar para crear un documento HTML? • Un procesador de textos para escribir y editar el código HTML. Este podrá ser cualquiera que no formatee el texto, ya que el leguaje HTML está basado en el código ASCCI. Si usamos un procesador como el Word, tendremos que guardar el documento como "sólo texto ". • Un navegador Web como el Explorer, Netscape, Mosaic, etc., el cual se
  • 4. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 4 encargará de interpretar el código HTML de nuestro documento y mostrárnoslo en todo su esplendor. La secuencia de trabajo para crear nuestro documento es: 1. Con el procesador de texto crearemos el documento HTML y lo guardaremos con el nombre que deseemos, a excepción de la extensión, que deberá ser necesariamente .htm ó .html. 2. Para visualizar nuestro documento HTML abriremos el documento con el programa navegador. Estructura de un documento HTML La estructura básica de un documento HTML es la siguiente: <HTML> Indica el inicio del documento <HEAD> Indica el inicio de la cabecera <TITLE> Inicio del título del documento </TITLE> Final del título del documento </HEAD> Final de la cabecera <BODY> Inicio del cuerpo del documento Instrucciones HTML </BODY> Final del cuerpo del documento </HTML> Final del documento Atributos del texto Al texto de nuestro documento HTML le podemos aplicar distintos atributos (negrita, cursiva, subrayado, etc), al igual que hacemos cuando trabajamos con el procesador de textos en la edición de nuestros documentos. Para aplicar estos atributos disponemos de distintas etiquetas, que aplicarán su efecto al texto incluido
  • 5. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 5 entre sus indicadores de inicio y fin. Texto con Formato
  • 6. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 6 Color de Letras
  • 7. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 7 Tipo de Letras
  • 8. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 8 Insertar Tablas
  • 9. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 9
  • 10. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 10 Insertar Enlaces
  • 11. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 11 Insertar Imágenes
  • 12. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 12
  • 13. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 13 Insertar Marcos (Frames)
  • 14. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 14 Insertar Formularios
  • 15. Unidad VI Informática y Programación Recopilación de Conceptos de otros autores 15