Principios de la web

Internet. Redes. {HTML}

2 downloads 384 Views 244KB Size

Recommend Stories


PRINCIPIOS DE LA CALIDAD
PRINCIPIOS DE LA CALIDAD CURSO REGIONAL DE ENTRENAMIENTO PARA ENTRENADORES EN GESTION DE LA CALIDAD EN MEDICINA NUCLEAR Proyecto RLA/6/065 Septiembre

DISEÑO DE APLICACIONES WEB Bloque1: Introducción a la ingeniería web
DISEÑO DE APLICACIONES WEB Bloque1: Introducción a la ingeniería web TEMA 1.2: TECNOLOGÍAS DE DESARROLLO DE APLICACIONES WEB Antonio LaTorre atorre@

web:
LAS PRUEBAS PARAMÉTRICAS 1. Se conoce el modelo de distribución de la población objeto de estudio y se desconoce un número finito de parámetros de dic

PRINCIPIOS FÍSICOS DE LA NEUMÁTICA
1.1 PRINCIPIOS FÍSICOS DE LA NEUMÁTICA 1. - EL AIRE El aire es una mezcla de gases cuya composición volumétrica es aproximadamente la siguiente: 78%

Story Transcript

INDICE.Historia de HTML...........................................................................................................11 Primeras especificaciones..........................................................................................11 URL frente a nombre de dominio................................................................................15 Dominios de nivel superior.............................................................................................15 Dominios ccTLD asignados........................................................................................15 Ejemplos de nombres de dominio de nivel superior...................................................15 Nombres de dominio internacionalizado.....................................................................16 Organizaciones relacionadas con los dominios de Internet...........................................16 IANA........................................................................................................................... 16 ICANN y la asignación oficial.....................................................................................16 INTERNIC.................................................................................................................. 16 LACNIC...................................................................................................................... 16 LACTLD..................................................................................................................... 17 LATINOAMERICANN.................................................................................................17

Introducción.La "Web", apócope de "World Wide Web" (que se abrevia con las siglas www), es uno de los métodos que Internet ofrece para explorar documentos conectados a través de hipervínculos. El concepto de la Web se perfeccionó en el CERN (Centre Européen de Recherche Nucléaire) en 1991 por un grupo de investigadores, entre

ellos el creador del sistema de hipervínculos, Tim Berners-Lee, a quien actualmente se considera como el padre de la Web. Aparte de los vínculos que conectan documentos formateados, la Web usa el protocolo HTTP para establecer vínculos con documentos alojados en equipos distantes (que se denominan servidores web, en contraposición al cliente representado por el navegador). Los documentos en Internet se identifican con una dirección única llamada URL que permite que un recurso se localice independientemente del servidor de Internet donde se aloje. El protocolo de transferencia de hipertexto (HTTP, HyperText Transfer Protocol) es el protocolo usado en cada transacción de la Web WWW. El hipertexto es el contenido de las páginas web, y el protocolo de transferencia es el sistema mediante el cual se envían las peticiones de acceder a una página web, y la respuesta de esa web, remitiendo la información que se verá en pantalla. También sirve el protocolo para enviar información adicional en ambos sentidos, como formularios con mensajes y otros similares. El HTML ( HiperText Markup Language ) es el lenguaje utilizado para representar documentos en la WWW (World Wide Web). Además de texto normal incluye también, elementos multimedia (gráficos, vídeo, audio) y existen enlaces (links) que permiten saltar a otras partes del documento o a otro sitio cualquiera de Internet. Otra característica muy importante de este lenguaje es que es portable, es decir, se pueden visualizar las páginas con cualquier sistema operativo y, por supuesto también crearlas. En la actualidad (noviembre 1999), Netscape y Microsoft siguen sin ponerse de acuerdo en el estándar del lenguaje. Microsoft ha asumido las directrices del ww3, pero no así Netscape, que implementa etiquetas propias, de modo que las páginas no se visualizan igual en el Navigator y en el Explorer. Un dominio o nombre de dominio es una forma simple de dirección de Internet que está formado por un conjunto de caracteres (letras, números y/o guión). Es utilizado principalmente para localizar de una manera fácil los sitios en Internet ya que se puede asociar a la identidad de una persona, organización, empresa, idea, grupo, o a algún otro concepto. Un dominio puede tener diferentes terminaciones, entre las que se encuentra la terminación ".BO"

Objetivos.-

Objetivos Generales.2

 Investigar acerca del lenguaje informático.  Rectificar los dominios encontrados en internet.

Objetivos Específicos.  Analizar el significado de WWW.  Demostrar en que consiste el HTTP.  Reconocer la importancia del HTML.  Saber la información necesaria respecto a los dominios de internet.

World Wide Web (WWW) En informática, la World Wide Web (WWW) o Red informática mundial1 es un sistema de distribución de información basado en hipertexto o hipermedios 3

enlazados y accesibles a través de Internet. Con unnavegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto,imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces. La Web fue creada alrededor de 1989 por el inglés Tim Berners-Lee con la ayuda del belga Robert Cailliaumientras trabajaban en el CERN en Ginebra, Suiza, y publicado en 1992. Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares Web (como los lenguajes de marcado con los que se crean las páginas web), y en los últimos años ha abogado por su visión de una Web semántica. Funcionamiento de la Web El primer paso consiste en traducir la parte nombre del servidor de la URL en una dirección IP usando la base de datos distribuida de Internet conocida como DNS. Esta dirección IP es necesaria para contactar con el servidor web y poder enviarle paquetes de datos. El siguiente paso es enviar una petición HTTP al servidor Web solicitando el recurso. En el caso de una página web típica, primero se solicita el texto HTML y luego es inmediatamente analizado por el navegador, el cual, después, hace peticiones adicionales para los gráficos y otros ficheros que formen parte de la página. Las estadísticas de popularidad de un sitio web normalmente están basadas en el número de páginas vistas o las peticiones de servidor asociadas, o peticiones de fichero, que tienen lugar. Al recibir los ficheros solicitados desde el servidor web, el navegador renderiza la página tal y como se describe en el código HTML, elCSS y otros lenguajes web. Al final se incorporan las imágenes y otros recursos para producir la página que ve el usuario en su pantalla. Historia La idea subyacente de la Web se remonta a la propuesta de Vannevar Bush en los años 40 sobre un sistema similar: a grandes rasgos, un entramado de información distribuida con una interfaz operativa que permitía el acceso tanto a la misma como a otros artículos relevantes determinados por claves. Este proyecto nunca fue materializado, quedando relegado al plano teórico bajo el nombre de Memex. Es en los años 50 cuando Ted Nelsonrealiza la primera referencia a un sistema de hipertexto, donde la información es enlazada de forma libre. Pero no es hasta 1980, con un soporte operativo tecnológico para la distribución de información en redes informáticas, cuando Tim Berners4

Lee proponeENQUIRE al CERN (refiriéndose a Enquire Within Upon Everything, en castellanoPreguntando de Todo Sobre Todo), donde se materializa la realización práctica de este concepto de incipientes nociones de la Web. En marzo de 1989, Tim Berners Lee, ya como personal de la división DD del CERN, redacta la propuesta,2 que referenciaba a ENQUIRE y describía un sistema de gestión de información más elaborado. No hubo un bautizo oficial o un acuñamiento del término web en esas referencias iniciales, utilizándose para tal efecto el término mesh. Sin embargo, el World Wide Web ya había nacido. Con la ayuda de Robert Cailliau, se publicó una propuesta más formal para la world wide web3 el 6 de agosto de 1991. Berners-Lee usó un NeXTcube como el primer servidor web del mundo y también escribió el primer navegador web, WorldWideWeb en 1991. En las Navidades del mismo año, Berners-Lee había creado todas las herramientas necesarias para que una web funcionase:4 el primer navegador web (el cual también era un editor web), el primer servidor web y las primeras páginas web 5 que al mismo tiempo describían el proyecto. El 6 de agosto de 1991, envió un pequeño resumen del proyecto World Wide Web al newsgroup6 alt.hypertext. Esta fecha también señala el debut de la web como un servicio disponible públicamente en Internet. El concepto, subyacente y crucial, del hipertexto tiene sus orígenes en viejos proyectos de la década de los 60, como el Proyecto Xanadu de Ted Nelson y el sistema on-line NLS de Douglas Engelbart. Los dos, Nelson y Engelbart, estaban a su vez inspirados por el ya citado sistema basado en microfilm "memex", de Vannevar Bush. El gran avance de Berners-Lee fue unir hipertexto e Internet. En su libro Weaving the Web (en castellano, Tejiendo la Red), explica que él había sugerido repetidamente que la unión entre las dos tecnologías era posible para miembros de las dos comunidades tecnológicas, pero como nadie aceptó su invitación, decidió, finalmente, hacer frente al proyecto él mismo. En el proceso, desarrolló un sistema de identificadores únicos globales para los recursos web y también: el Uniform Resource Identifier. World Wide Web tenía algunas diferencias de los otros sistemas de hipertexto que estaban disponibles en aquel momento: •

WWW sólo requería enlaces unidireccionales en vez de los bidireccionales. Esto hacía posible que una persona enlazara a otro recurso sin necesidad de ninguna acción del propietario de ese recurso. Con ello se reducía 5

significativamente la dificultad de implementar servidores web y navegadores (en comparación con los sistemas anteriores), pero en cambio presentaba el problema crónico de los enlaces rotos. •

A diferencia de sus predecesores, como HyperCard, World Wide Web era no-propietario, haciendo posible desarrollar servidores y clientes independientemente y añadir extensiones sin restricciones de licencia.

El 30 de abril de 1993, el CERN anunció7 que la web sería gratuita para todos, sin ningún tipo de honorarios. ViolaWWW fue un navegador bastante popular en los comienzos de la web que estaba basado en el concepto de la herramienta hipertextual de software de Mac denominada HyperCard. Sin embargo, los investigadores generalmente están de acuerdo en que el punto de inflexión de la World Wide Web comenzó con la introducción8 del navegador9 web Mosaic en 1993, un navegador gráfico desarrollado por un equipo del NCSA en la Universidad de Illinois en UrbanaChampaign (NCSA-UIUC), dirigido por Marc Andreessen. El apoyo para desarrollar Mosaic vino del High-Performance Computing and Communications Initiative, un programa de fondos iniciado por el entonces gobernador Al Gore en el High Performance Computing and Communication Act of 1991, también conocida como laGore Bill.10 Antes del lanzamiento de Mosaic, las páginas web no integraban un amplio entorno gráfico y su popularidad fue menor que otros protocolos anteriores ya en uso sobre Internet, como el protocolo Gopher y WAIS.

El prefijo WWW en las direcciones Web Es muy común encontrar el prefijo "WWW" al comienzo de las direcciones web debido a la costumbre de nombrar a los host de Internet (los servidores) con los servicios que proporcionan. De esa forma, por ejemplo, el nombre de host para un servidor webnormalmente es "WWW", para un servidor FTP se suele usar "ftp", y para un servidor de noticias, USENET, "news" o "nntp" (en relación al protocolo de noticias NNTP). Estos nombres de host aparecen como subdominio de DNS, como en "www.example.com". El uso de estos prefijos no está impuesto por ningún estándar, de hecho, el primer servidor web se encontraba en "nxoc01.cern.ch" 14 e incluso hoy en día existen muchos sitios Web que no tienen el prefijo "www". Este prefijo no tiene ninguna relación con la forma en que se muestra el sitio Web principal. El prefijo "www" es simplemente una elección para el nombre de subdominio del sitio Web.

6

Algunos navegadores web añaden automáticamente "www." al principio, y posiblemente ".com"" al final, en las URL que se teclean, si no se encuentra el host sin ellas. Internet Explorer, Mozilla Firefox y Opera también añadirán "http://www." y ".com" al contenido de la barra de dirección si se pulsan al mismo tiempo las teclas de Control y Enter. Por ejemplo, si se teclea "ejemplo" en la barra de direcciones y luego se pulsa sólo Enter o Control+Enter normalmente buscará "http://www.ejemplo.com", dependiendo de la versión exacta del navegador y su configuración.

Hypertext Transfer Protocol (HTTP) Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia dehipertexto) es el protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la publicación de una serie de RFC, el más importante de ellos es el RFC 2616 que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transacciones y sigue el esquema petición-respuesta entre un cliente y un servidor. Al cliente que efectúa la petición (un navegador web o un spider) se lo conoce como "user agent" (agente del usuario). A la información transmitida se la llama recurso y se la identifica mediante un localizador uniforme de recursos (URL). Los recursos pueden ser archivos, el resultado de la ejecución de un programa, una consulta a una base de datos, la traducción automática de un documento, etc. HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. Esto le permite a las aplicaciones web instituir la noción de "sesión", y también permite rastrear usuarios ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.

Transacciones HTTP Una transacción HTTP está formada por un encabezado seguido, opcionalmente, por una línea en blanco y algún dato. El encabezado especificará cosas como la acción requerida del servidor, o el tipo de dato retornado, o el código de estado.

7

El uso de campos de encabezados enviados en las transacciones HTTP le dan gran flexibilidad al protocolo. Estos campos permiten que se envíe información descriptiva en la transacción, permitiendo así la autenticación, cifrado e identificación de usuario. Un encabezado es un bloque de datos que precede a la información propiamente dicha, por lo que muchas veces se hace referencia a él como metadato —porque tiene datos sobre los datos—. Si se reciben líneas de encabezado del cliente, el servidor las coloca en las variables de entorno de CGI con el prefijo HTTP_ seguido del nombre del encabezado. Cualquier carácter guion ( - ) del nombre del encabezado se convierte a caracteres "_". El servidor puede excluir cualquier encabezado que ya esté procesado, como Authorization, Content-type y Content-length. El servidor puede elegir excluir alguno o todos los encabezados, si incluirlos, si se excede algún límite del entorno de sistema. Ejemplos de esto son las variables HTTP_ACCEPT y HTTP_USER_AGENT. •

HTTP_ACCEPT. Los tipos MIME que el cliente aceptará, dados los encabezados HTTP. Otros protocolos quizás necesiten obtener esta información de otro lugar. Los elementos de esta lista deben estar separados por una coma, como se dice en la especificación HTTP: tipo, tipo.



HTTP_USER_AGENT. El navegador que utiliza el cliente para realizar la petición. El formato general para esta variable es: software/versión biblioteca/versión.

El servidor envía al cliente: •

Un código de estado que indica si la petición fue correcta o no. Los códigos de error típicos indican que el archivo solicitado no se encontró, que la petición no se realizó de forma correcta o que se requiere autenticación para acceder al archivo.



La información propiamente dicha. Como HTTP permite enviar documentos de todo tipo y formato, es ideal para transmitirmultimedia, como gráficos, audio y video. Esta libertad es una de las mayores ventajas de HTTP.



Información sobre el objeto que se retorna.

8

Hay que tener en cuenta que la lista no es una lista completa de los campos de encabezado y que algunos de ellos sólo tienen sentido en una dirección.

Métodos de petición HTTP define 8 métodos (algunas veces referido como "verbos") que indica la acción que desea que se efectúe sobre el recurso identificado. Lo que este recurso representa, si los datos pre-existentes o datos que se generan de forma dinámica, depende de la aplicación del servidor. A menudo, el recurso corresponde a un archivo o la salida de un ejecutable que residen en el servidor. HEAD Pide una respuesta idéntica a la que correspondería a una petición GET, pero sin el cuerpo de la respuesta. Esto es útil para la recuperación de meta-información escrita en los encabezados de respuesta, sin tener que transportar todo el contenido. GET Pide una representación del recurso especificado. Por seguridad no debería ser usado por aplicaciones que causen efectos ya que transmite información a través de la URI agregando parámetros a la URL. Ejemplo: GET /images/logo.png HTTP/1.1 obtiene un recurso llamado logo.png Ejemplo con parámetros: /index.php?page=main&lang=es POST Somete los datos a que sean procesados para el recurso identificado. Los datos se incluirán en el cuerpo de la petición. Esto puede resultar en la creación de un nuevo recurso o de las actualizaciones de los recursos existentes o ambas cosas. PUT Sube, carga o realiza un upload de un recurso especificado (archivo), es el camino más eficiente para subir archivos a un servidor, esto es porque en POST utiliza un mensaje multiparte y el mensaje es decodificado por el servidor. En contraste, el método PUT te permite escribir un archivo en una conexión socket establecida con el servidor. La desventaja del método PUT es que los servidores de hosting compartido no lo tienen habilitado. Ejemplo: PUT /path/filename.html HTTP/1.1 9

DELETE Borra el recurso especificado. TRACE Este método solicita al servidor que envíe de vuelta en un mensaje de respuesta, en la sección del cuerpo de entidad, toda la data que reciba del mensaje de solicitud. Se utiliza con fines de comprobación y diagnóstico. OPTIONS Devuelve los métodos HTTP que el servidor soporta para un URL específico.Esto puede ser utilizado para comprobar la funcionalidad de un servidor web mediante petición en lugar de un recurso específico. CONNECT Se utiliza para saber si se tiene acceso a un host, no necesariamente la petición llega al servidor, este método se utiliza principalmente para saber si un proxy nos da acceso a un host bajo condiciones especiales, como por ejemplo "corrientes" de datos bidireccionales encriptadas (como lo requiere SSL). Códigos de respuesta Anexo: Códigos de estado HTTP. •

N° 100 111

1xx Mensajes

Descripción Conexión rechazada 2xx exitosa •

N° 200 201-203 204 205 206

Descripción OK Información no oficial Sin Contenido Contenido para recargar Contenido parcial •

N° 301 302 303 304 305 307

Operación

Descripción Mudado permanentemente Encontrado Vea otros No modificado Utilice un proxy Redirección temporal 10

3xx Redireción

4xx Error por parte del cliente •

N° 400 401 402 403 404 409 410 412

Descripción Solicitud incorrecta No autorizado Pago requerido Prohibido No encontrado Conflicto Ya no disponible Falló precondición • 5xx

Error

del servidor N° 500 501 502 503 504 505

Descripción Error interno No implementado Pasarela incorrecta Servicio no disponible Tiempo de espera de la pasarela agotado Versión de HTTP no soportada

HTML HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.1 HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

11

Historia de HTML Primeras especificaciones La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.2 3 Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4. Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática. 5 El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. 6 De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.

Marcado HTML HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaración de tipo de documento. Códigos HTML básicos[editar] •

: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.



<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.



: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente

12

al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera es posible encontrar:

Un ejemplo de código HTML con coloreado de sintaxis. •

: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.<br /> <br /> •<br /> <br /> <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.<br /> <br /> •<br /> <br /> <style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.<br /> <br /> •<br /> <br /> <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.<br /> <br /> •<br /> <br /> <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo<body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:<br /> <br /> •<br /> <br /> <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.<br /> <br /> •<br /> <br /> <table>: define una tabla.<br /> <br /> •<br /> <br /> <tr>: fila de una tabla.<br /> <br /> •<br /> <br /> <td>: celda de una tabla (debe estar dentro de una fila).<br /> <br /> •<br /> <br /> <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.example.com" title="Ejemplo" target="_blank" tabindex="1" rel="nofollow">Ejemplo</a> se representa como Ejemplo).<br /> <br /> •<br /> <br /> <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido. 13<br /> <br /> •<br /> <br /> <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".<br /> <br /> •<br /> <br /> <li><ol><ul>: etiquetas para listas.<br /> <br /> •<br /> <br /> <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).<br /> <br /> •<br /> <br /> <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).<br /> <br /> •<br /> <br /> <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).<br /> <br /> •<br /> <br /> <u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5) 13 14<br /> <br /> La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos: •<br /> <br /> <table><tr><td>Contenido de una celda</td></tr></table>.<br /> <br /> •<br /> <br /> <script>Código de un script integrado en la página</script>.<br /> <br /> Nociones básicas de HTML El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notasde Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros. Accesibilidad web El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes vigentes en los países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificación 2.0 ), aunque muchos países tienen especificaciones propias, como es el caso de España con la Norma UNE 139803. Dominio. 14<br /> <br /> Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet. El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.1 Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de http://example.com). Además, reduciría el número de webs posibles, ya que actualmente es habitual que una misma dirección IP sea compartida por varios dominios. URL frente a nombre de dominio El siguiente ejemplo ilustra la diferencia entre una URL (Uniform Resource Locator/"Recurso de Localización Uniforme") y un nombre de dominio: URL: http://www.ejemplo.net/index.html Nombre de dominio de nivel superior: net nombre de dominio: ejemplo.net Nombre de host: www.ejemplo.net Dominios de nivel superior Cuando se creó el Sistema de Nombres de Dominio en los años 80, el espacio de nombres se dividió en dos . El primero incluye los dominios, basados en los dos caracteres de identificación de cada territorio de acuerdo a las abreviaciones del ISO-3166. (Ej. *.do, *.mx) y se denomina ccTLD (Dominio de nivel superior de código de país o Country Code Top level Domain), los segundos, incluyen un grupo de siete dominios de primer nivel genéricos, (gTLD), que representan una serie de nombres y multi-organizaciones: GOV, EDU, COM, MIL, ORG, NET e INT. Los dominios basados en ccTLD son administrados por organizaciones sin fines de lucro en cada país, delegada por la IANA y o ICANN para la administración de los dominios territoriales El crecimiento de Internet ha implicado la creación de nuevos dominios gTLD. A mayo de 2012, existen 22 gTLD y 293 ccTLD.2 Dominios ccTLD asignados La lista de dominios de nivel superior pueden encontrarse en el anexo. 15<br /> <br /> Ejemplos de nombres de dominio de nivel superior • • • • • • • • • • •<br /> <br /> .ar, para servicios de Argentina .asia, la región de Asia .biz prevista para ser usado por negocios. .bo, para servicios de Bolivia .cat, para páginas relacionadas con la cultura e idioma catalán. .pro, para profesionales con una titulación universitaria. .py, para servicios de Paraguay .ru, para servicios de Rusia .sv, para servicios de El Salvador .tel, para servicios de comunicación por internet .tk, para páginas del país Tokelau; sin embargo se usan también como dominio y servidor propio ( "Autónomas" ). Actualmente pueden obtenerse de forma gratuita.<br /> <br /> Nombres de dominio internacionalizado El juego de caracteres permitidos en el sistema de nombres de dominio se basa en ASCII y no permite la representación de nombres y palabras de muchos idiomas nativos en sus guiones o alfabetos. ICANN aprobó el nombre de dominio internacionalizado (IDNA), el cual asigna las cadenas Unicode utilizados en las interfaces de usuario en el conjunto de caracteres DNS válido por una codificación llamado Punycode. Por ejemplo, københavn.eu se asigna a xn - kbenhavn-54a.eu. Muchos registros han adoptado IDNA. Organizaciones relacionadas con los dominios de Internet IANA IANA es la Autoridad para la Asignación de Números de Internet (del inglés: Internet Assigned Numbers Authority), responsable de la coordinación global de los dominios Raíz de DNS y de los dominios .int y .arpa, del direccionamiento IP y otros recursos del Protocolo de Internet.3 ICANN y la asignación oficial La Corporación de Internet para la Asignación de nombres y números de Dominios (del Inglés: Internet Corporation for Assigned Names and Numbers) es una organización sin fines de lucro que opera a nivel de asignar espacio de direcciones numéricas de protocolo de Internet (IP), identificadores de protocolo y de las administración del sistema de servidores raíz. Aunque en un principio estos servicios los desempeñaba Internet Assigned Numbers Authority (IANA) y otras 16<br /> <br /> entidades bajo contrato con el gobierno de EE.UU., actualmente son responsabilidad de ICANN.4 INTERNIC InterNIC es un servicio y marca registrada del Ministerio de Comercio de los Estados Unidos de América y licenciado a IANA para la gestión de disputas públicas relacionadas con el registro de nombres de dominios. LACNIC LACNIC es la organización para el Registro de Direcciones de Internet para América Latina y el Caribe. Su objetivo es la construcción y articulación de esfuerzos colaborativos para el desarrollo y estabilidad de Internet en América Latina y el Caribe. [1]. Si bien no tiene relación directa con los dominios, sí es la organización regional a cargo de los recursos de Internet como Direcciones IP y ASNs. LACTLD LACTLD es una organización sin fines de lucro que busca agrupar a los administradores de los ccTLDs de América Latina y el Caribe, con el objeto de Coordinar políticas en conjunto, así como estrategias de desarrollo de los nombres de dominio a nivel regional; representar los intereses conjuntos de sus miembros ante organismos pertinentes; promover el desarrollo de los ccTLDs de la región; fomentar la cooperación y el intercambio de experiencia entre sus miembros, en todos los aspectos necesarios para el adecuado funcionamiento de los ccTLDs y establecer lazos de colaboración con las organizaciones análogas de otras regiones del mundo. LATINOAMERICANN LatinoamerICANN es una organización para la difusión de información y diálogo en temas de Nombres de Dominio, Números IP y Gobierno o Gobernanza de Internet en América Latina y el Caribe. Su misión asimismo es la de colocar información en español, portugués y francés de acceso para todos, considerando que la información en los idiomas de la región resulta siendo un elemento para poder comprender los fenómenos propios del Internet, desde una perspectiva regional en el contexto global.<br /> <br /> 17<br /> <br /> Conclusión.HTML es el idioma internacional de la Red. Es un simple lenguaje que permite a los publicadores web crear páginas complejas de texto e imágenes, que pueden ser vistas por cualquiera, sin que importe que clase de ordenador o navegador se esté usando. El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Blog de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, entre otros. Existen además, otros editores para la realización de sitios web con características WYSIWYG (En español: “lo que ves es lo que obtienes”). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Los atributos pueden tener asignado un valor característico, que se incluye con el formato nombre=”…”. Este valor puede ser una opción dentro de una lista de posibilidades prefijadas, un nombre de fichero, un número, etc. Por lo general, siempre se debe incluir el valor entre dobles comillas, de forma que se respete la integridad de la información. Recomendaciones.Los dominios genéricos .COM, .NET .ORG, .INFO, .TV, .WS y .NU se encuentran al alcance de cualquier persona sin restricción (las extensiones .ws y .nu antes eran nacionales, pero desde hace un tiempo se venden como genéricos). Para registrar un dominio, el nombre debe estar formado por letras del alfabeto inglés (la "ñ" no es valida) y puede incluir números o guiones. Cualquier 18<br /> <br /> otro tipo de carácter no es valido (puntos, comas, espacios, etc.). Asimismo el dominio no puede empezar ni terminar en guión. La longitud máxima del nombre es de 26 caracteres y la mínima de tres. En el caso de los dominios nacionales, cada país establece sus propias políticas de registro, generalmente se necesita ser una empresa o negocio constituido legalmente en el territorio correspondiente. Quien se encarga de crear estas normas para el registro es la entidad del NIC (Network Information Center) de cada país. De este modo, el NIC-ES ( www.nic.es) es el encargado en España, mientras que NIC-MX (www.nic.mx) es el de México, o NIC-AR ( www.nic.ar) el de Argentina. Bibliografía.↑ http://www.fundeu.es/vademecum-W-www-928.html ↑ Gestión de Información: Una propuesta (en inglés) ↑ Propuesta para la World Wide Web ↑ Tim Berners-Lee: WorldWideWeb, the first Web client ↑ Primeras páginas web ↑ Pequeño resumen del proyecto World Wide Web ↑ 10 Years Public Domain ↑ Enero de 1997. Se publica la primera versión de la especificación HTTP/1.1 ↑ Junio de 1999. Publicada la última versión de la especificación HTTP/1.1 ↑ [1] PEP: An Extensión Mechanism for HTTP. Cita: "For experimental purposes, PEP-compatibility is equated with HTTP/1.2." ↑ El lenguaje HTML ↑ «HTML Tags». World Wide Web Consortium. Consultado el 08-04-2007. ↑ «First mention of HTML Tags on the www-talk mailing list». World Wide Web Consortium (29-10-1991). Consultado el 08-04-2007. ↑ «Index of elements in HTML 4». World Wide Web Consortium (24-12-1999). Consultado el 08-04-2007. 19<br /> <br /> ↑ Tim Berners-Lee (09-12-1991). «Re: SGML/HTML docs, X Browser (archived www-talk mailing list post)». Consultado el 16-06-2007. «SGML is very general. HTML is a specific application of the SGML basic syntax applied to hypertext documents with simple structure.». ↑ ICANN. «Frequently Asked Questions» (en inglés). Consultado el 25 de mayo de 2012. «8.1 What is a domain name?». ↑ IANA. «Root Zone Database» (en inglés). Consultado el 25 de mayo de 2012. ↑ IANA. «Introducing IANA» (en inglés). Consultado el 25 de mayo de 2012. ↑ ICANN. «Welcome to ICANN!» (en inglés). Consultado el 25 de mayo de 2012. ↑ Latinoamericann. «¿Quiénes Somos?». Consultado el 25 de mayo de 2012. Anexos.-<br /> <br /> 20<br /> <br /> 21<br /> <br /> 22<br /> <br /> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade show" id="report" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form role="form" method="post" action="https://mydokument.com/report/principios-de-la-web"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Report "Principios de la web"</h4> </div> <div class="modal-body"> <div class="form-group"> <label>Your name</label> <input type="text" name="name" required="required" class="form-control" /> </div> <div class="form-group"> <label>Email</label> <input type="email" name="email" required="required" class="form-control" /> </div> <div class="form-group"> <label>Reason</label> <select name="reason" required="required" class="form-control"> <option value="">-Select Reason-</option> <option value="pornographic" selected="selected">Pornographic</option> <option value="defamatory">Defamatory</option> <option value="illegal">Illegal/Unlawful</option> <option value="spam">Spam</option> <option value="others">Other Terms Of Service Violation</option> <option value="copyright">File a copyright complaint</option> </select> </div> <div class="form-group"> <label>Description</label> <textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea> </div> <div class="form-group"> <div style="display: inline-block;"> <div class="g-recaptcha" data-sitekey="6LfuSWkUAAAAABZVp_fw-NZBQpzuFKNlsjgIRBKn"></div> </div> </div> <script src='https://www.google.com/recaptcha/api.js'></script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-success">Send</button> </div> </form> </div> </div> </div> <script> $(document).ready(function () { var inner_height = $(window).innerHeight() - 250; $('#pdfviewer').css({"height": inner_height + "px"}); }); </script> <div class="text-white bg-primary mt-5"> <div class="container"> <div class="row"> <div class="p-4 col-md-6"> <ul class="list-unstyled"> <a href="https://mydokument.com/about" class="text-white">About Us</a> <br> <a href="https://mydokument.com/privacy" class="text-white">Privacy Policy</a> <br> <a href="https://mydokument.com/term" class="text-white">Terms and Conditions</a> <br> <a href="https://mydokument.com/copyright" class="text-white">Copyright</a> <br> <a href="https://mydokument.com/contact" class="text-white">Contact Us</a> </ul> </div> <div class="p-4 col-md-6"> <h3>Get in touch</h3> <form class="my-4" action="https://mydokument.com/newsletter" method="POST"> <fieldset class="form-group"> <label for="exampleInputEmail1">Get monthly updates</label> <input type="email" name="email" class="form-control" placeholder="Enter email"> </fieldset> <button type="submit" class="btn btn-success">Submit</button> </form> <h3 class="mt-5">Social</h3> <div class="align-self-center col-12 my-4 p-0"> <a href="https://www.facebook.com" target="_blank" class="btn btn-lg btn-social-icon btn-facebook mr-2"> <i class="fa fa-facebook d-inline fa-lg text-white"></i> </a> <a href="https://twitter.com" target="_blank" class="btn btn-lg btn-social-icon btn-twitter mr-2"> <i class="fa fa-twitter d-inline fa-lg text-white"></i> </a> <a href="https://www.instagram.com" target="_blank" class="btn btn-lg btn-social-icon btn-instagram mr-2"> <i class="fa fa-instagram d-inline fa-lg text-white"></i> </a> <a href="https://plus.google.com" target="_blank" class="btn btn-lg btn-social-icon btn-google mr-2"> <i class="fa fa-google-plus-official d-inline fa-lg text-white"></i> </a> </div> </div> </div> <div class="row"> <div class="col-md-12 mt-3"> <p class="text-center">© Copyright 2013 - 2024 MYDOKUMENT.COM - All rights reserved.</p> </div> </div> </div> </div> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1X3VWWNPK6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1X3VWWNPK6'); </script> <script src="https://mydokument.com/themes/mydokument/assets/js/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://mydokument.com/themes/mydokument/assets/css/jquery-ui.css"> <script> $(function () { $("#search_document").autocomplete({ source: function (request, response) { $.ajax({ url: "https://mydokument.com/suggest", dataType: "json", data: { term: request.term }, success: function (data) { response(data); } }); }, autoFill: true, select: function (event, ui) { $(this).val(ui.item.value); $(this).parents("form").submit(); } }); }); </script> </body> </html>