Universidad, Catolica, Tecnologica de Barahona (UCATEBA)

Nombre:
Manuel Antonio Elza Dolean​

Matricula:
2022-0560

Materia:
Diseño de Paginas y aplicaciones Web 1

Asignación:
Unidad II, Unidad III

Maestro:
Carlos Baez Tejeda
¿Qué es el SGML?

Básicamente, el SGML (Standard Generalized Markup Language) es un modelo

internacional que permite estandarizar y definir formalmente un documento electrónico,
independientemente del software, la aplicación o el sistema que se utilice. Esto quiere decir
que el SGML permite, como metalenguaje que es, definir diferentes estructuras mediante
marcas descriptivas para describir los contenidos de los documentos. Hay que especificar
que el SGML no implica una descripción de la apariencia física del documento, ya que esta
acción la llevan a cabo las diferentes plataformas que interpretan el documento, como por
ejemplo el navegador. El SGML define e identifica las diferentes estructuras de contenido
del documento según la finalidad o el sentido que tienen en él.

¿Qué es el HTML?

HTML no es un lenguaje de programación; es un lenguaje de marcado que define la

estructura de tu contenido. HTML consiste en una serie de elementos que usarás para
encerrar diferentes partes del contenido para que se vean o comporten de una determinada
manera. Las etiquetas de encierre pueden hacer de una palabra o una imagen un
hipervínculo a otro sitio, se pueden cambiar palabras en cursiva, agrandar o achicar la letra,
etc. Por ejemplo, toma la siguiente línea de contenido

Si quieres especificar que se trata de un párrafo, podrías encerrar el texto con la etiqueta de
párrafo (<p>):
¿Qué es el XML?

XML es un lenguaje de marcado similar a HTML. Significa Extensible Markup Language

(Lenguaje de Marcado Extensible) y es una especificación de W3C como lenguaje de
marcado de propósito general. Esto significa que, a diferencia de otros lenguajes de
marcado, XML no está predefinido, por lo que debes definir tus propias etiquetas. El
propósito principal del lenguaje es compartir datos a través de diferentes sistemas, como
Internet.

XML "Correcto" (válido y bien formado)

Para que un documento XML sea correcto, debe ser un documento bien formado,
cumpliendo todas las reglas de sintaxis de XML, y válidas, acorde a las reglas de un
lenguaje específico. Un ejemplo de un documento que no está bien formado es uno que
tiene una etiqueta de apertura y no tiene una de cierre, ni se cierra en sí misma.

¿Qué es el WML?

WML son las siglas de Wireless Markup Language y es el lenguaje que se utiliza para
realizar páginas para cualquier elemento que utilice la tecnología WAP (Wireless Application
Protocol), como algunos teléfonos móviles.

WAP es un protocolo basado en los estándares de Internet que ha sido desarrollado para
permitir a teléfonos celulares navegar a través de Internet. Con la tecnología WAP se
pretende que desde cualquier teléfono celular WAP se pueda acceder a la información que
hay en Internet así como realizar operaciones de comercio electrónico.

WAP es una serie de tecnologías que consisten en: WML, que es el lenguaje de etiquetas,
WMLScript es un lenguaje de script, lo que vendría a ser JavaScript y el Wireless Telephony
Application Interface (WTAI)
 DISEÑO DE PÁGINAS WEB CON HTML

¿Qué es El Lenguaje de Marcado de Hipertexto (HTML)?

El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para estructurar y

desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser
párrafos, una lista con viñetas, o imágenes y tablas de datos. Como lo sugiere el título, este
artículo te dará una comprensión básica de HTML y cúal es su función.

HTML no es un lenguaje de programación. Entonces, ¿Qué es?

Es un lenguaje de marcado que define la estructura de tu contenido. HTML consiste en una

serie de elementos que usarás para encerrar diferentes partes del contenido para que se
vean o comporten de una determinada manera. Las etiquetas de encierre pueden hacer de
una palabra o una imagen un hipervínculo a otro sitio, se pueden cambiar palabras en
cursiva, agrandar o achicar la letra, etc.

Gráfica o dibuja la Anatomía de un elemento HTML

¿Cuáles son las cuatro partes principales de un elemento HTML? Define cada una.

●​ La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p),
encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde
comienza o empieza a tener efecto el elemento —en este caso, dónde es el
comienzo del párrafo—.
●​ La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una
barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el
elemento —en este caso dónde termina el párrafo—.
●​ El contenido: este es el contenido del elemento, que en este caso es sólo texto.
●​ El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido
equivale al elemento.

¿Qué son los atributos? ¿Qué debe tener?

Los atributos contienen información adicional acerca del elemento, la cual no quieres que
aparezca en el contenido real del elemento. Aquí class es el nombre del atributo y
editor-note el valor del atributo. En este caso, el atributo class permite darle al elemento un
nombre identificativo, que se puede utilizar luego para apuntarle al elemento información de
estilo y demás cosas.

Un atributo debe tener siempre:

●​ Un espacio entre este y el nombre del elemento (o del atributo previo, si el elemento
ya posee uno o más atributos).
●​ El nombre del atributo, seguido por un signo de igual (=).
●​ Comillas de apertura y de cierre, encerrando el valor del atributo.

¿A qué se llama anidamiento?

Puedes también colocar elementos dentro de otros elementos —esto se llama

anidamiento—. Si, por ejemplo, quieres resaltar una palabra del texto (en el ejemplo la
palabra «muy»), podemos enterrarla en un elemento <strong>, que significa que dicha
palabra se debe enfatizar:

Explica para qué sirven los siguientes elementos:

1.) <!DOCTYPE html>

●​ Declara el tipo de documento y la versión de HTML que se está utilizando.

2.) <html></html>

●​ Representa el elemento raíz de un documento HTML.

●​ Todo el contenido del documento HTML debe estar dentro de estas etiquetas.

3.) <head></head>

●​ Contiene metadatos e información sobre el documento, como el título de la página,

enlaces a hojas de estilo, scripts y otras configuraciones importantes.
●​ No se muestra directamente en la página web.

4.) <meta charset="utf-8">

●​ Especifica la codificación de caracteres del documento, en este caso, UTF-8.

●​ UTF-8 permite representar caracteres especiales y símbolos de casi todos los
idiomas del mundo, evitando problemas con acentos o caracteres especiales.

5.) <title></title>
 ●​ Define el título de la página, que aparece en la pestaña del navegador y en los
resultados de búsqueda.
●​ Se coloca dentro del <head>.

6.) <body></body>

●​ Contiene todo el contenido visible de la página web, como textos, imágenes,

enlaces, videos y otros elementos interactivos.
●​ Todo lo que esté dentro de <body> será lo que los usuarios vean en el navegador.

¿Cómo se incrusta una imagen a través del elemento <img> ?

¿Para qué se utilizan los encabezados?

Los elementos de encabezado permiten especificar que ciertas partes del contenido son
encabezados, y subencabezados del contenido. De la misma forma que un libro tiene un
título principal, y que a su vez puede tener títulos por cada capítulo individual, y subtítulos
dentro de ellos, un documento HTML puede tenerlos también.

¿Para qué se utilizan los párrafos?

Como se explicó más arriba, los elementos <p> se utilizan para encerrar párrafos de texto;
los usarás frecuentemente para el marcado de contenido de texto regular:

Agrega uno o algunos párrafos a tu texto de ejemplo (deberías tenerlo de cuando estudiaste
¿Cuál será la apariencia de tu sitio web?), colocados directamente debajo del elemento
<img>.

¿Cuáles son los dos tipos de listas?

●​ Las listas desordenadas son aquellas en las que el orden de los items no es
relevante, como en una lista de compras. Estas son encerradas en un elemento <ul>
(unordered list).
●​ Las listas ordenadas son aquellas en las que el orden sí es relevante, como en una
receta. Estas son encerradas en un elemento <ol> (ordered list).
¿Qué son los vínculos?

Los vínculos o enlaces son muy importantes —son los que hacen de la web, la web—. Para
implementar un vínculo, necesitas usar un vínculo simple — <a> — la a es la abreviatura de
la palabra inglesa «anchor» («ancla»). Para convertir algún texto dentro de un párrafo en un
vínculo, sigue estos pasos:

1.​ Elige algún texto. Nosotros elegimos «Manifesto Mozilla».

2.​ Encierra el texto en un elemento <a>, así

3.​ Proporciónale al elemento <a> un atributo href, así:

4.​ Completa el valor de este atributo con la dirección web con la que quieras
conectar al vínculo: