En este documento se abordarán los conceptos básicos de Lengujae (bajo el código HTML), así como las principales etiquetas utilizadas en el desarrollo de páginas web.
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