Wikilibros eswikibooks https://es.wikibooks.org/wiki/Portada MediaWiki 1.45.0-wmf.4 first-letter Medio Especial Discusión Usuario Usuario discusión Wikilibros Wikilibros discusión Archivo Archivo discusión MediaWiki MediaWiki discusión Plantilla Plantilla discusión Ayuda Ayuda discusión Categoría Categoría discusión TimedText TimedText talk Módulo Módulo discusión 0 5511 422842 413080 2025-06-08T02:26:02Z RikhardWall 125740 /* Breve reseña sobre la World Wide Web */ 422842 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} == Breve reseña sobre la World Wide Web == La World Wide Web, nace en 1989 por un investigador del Centro Europeo de Investigación Nuclear (CERN), llamado '''Tim Berners-Lee''' quien inventó un sistema de intercambio de información en la Red con posibilidades multimedia, que se conocería posteriormente como '''World Wide Web'''. Para ello diseñó un esquema basado en tres pilares: 1. '''URI''' ('''''Identificador Universal de Recursos''', del inglés "Universal Resource Identifier"'') para que todos los documentos tengan un nombre único. 2. '''HTTP''' ('''''Protocolo de Transferencia de HiperTexto''', del inglés "HyperText Transfer Protocol") para la gestión de tráfico documental. 3. '''HTML''' ('''''Lenguaje para el Formato de Documentos de Hipertexto''', del inglés "HyperText Markup Language"'') para la creación y edición de los documentos web. Podría, este sistema, conceptuarse como una gran red de discos duros donde se alojarían los millones de documentos web enlazados entre sí. Podemos pensar a Internet como un espacio de flujos incesantes en el cual permanentemente circulan representaciones simbólicas en forma de arte, dinero, conocimiento, entretenimiento, luchas sociales y políticas, etc. Es decir, podemos pensar en la red como un espacio privilegiado por donde fluyen el lenguaje y el pensamiento, bajo una forma específica de sociabilidad. Dado que actualmente existen varios protocolos que gestionan el trafico documental y de contenido en Internet se hace necesario estandarizar la normativa que haga posible su compatibilidad. Desde los comienzos, el Consorcio de la World Wide Web ('''W3C''') presidida por su ideador, es la organización que elabora y publica los estándares que hacen posible la web. == ¿Qué es el HTML? == [[Imagen:HTML element structure.svg|450px|thumb|right|center|Los '''elementos''' pueden ser representados por ''cabeceras'', ''párrafos'', ''enlaces de hipertexto'', ''listas'', ''archivos multimedia incrustados'' y una gran variedad de otras ''estructuras'']] El HTML, acrónimo inglés de HyperText Markup Language, es el código que posibilita la creación y edición de documentos web. Es un metalenguaje heredado del SGML basado en etiquetas ('''tags''') que tiene como virtud entre otras, la de poder ser implementado por código de otros lenguajes como JavaScript o Visual Basic Script que amplían y mejoran su capacidad original. El código HTML utiliza el ''código ASCII puro'' que puede teclearse en cualquier editor básico para posteriormente ser ''interpretado secuencialmente'' por un objeto cliente denominado navegador ('''browser''') que visualiza el resultado en pantalla. La sintaxis de HTML está estructurada según el siguiente protocolo o sintaxis: :# Una etiqueta inicial que señala el comienzo de un elemento :# Un número determinado de atributos (y sus valores asociados) :# Una cierta cantidad de contenido (caracteres y otros elementos) :# Una etiqueta que marca el final. Muchos componentes o elementos de HTML incluyen atributos específicos en las etiquetas de comienzo, que definen el comportamiento, o indican propiedades adicionales de dichos elementos. La etiqueta que delimita el final es opcional para algunos elementos. En muy pocos casos, un elemento vacío puede no contener o requerir la etiqueta de final. Hay algunos elementos que no forman parte de las definiciones del tipo de documento (DTDs) oficiales. En la actualidad, muchas de éstas son soportadas por algunos navegadores y se utilizan en algunas páginas. Dichos elementos pueden ser simplemente ignorados o, en el peor de los casos, puede que no se muestren con el resultado que se esperaba cuando se diseñaron, o provoquen errores en aquellos navegadores que no los soporten. == Historia == Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones. Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo [[w:es:TCP|TCP]], que todavia se utiliza a en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el FTP para la transferencia de archivos... En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados. Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://www.google.es"> (algo así como <vínculo dirección="google.es">). En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador. De esto se encarga un '''navegador''', que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra. [[ca:Llenguatge html/Introducció]] [[en:HyperText Markup Language/Introduction]] [[gl:HTML/Introdución]] das593hhcuyuwg69hirh72tgteuwji6 422843 422842 2025-06-08T02:49:13Z RikhardWall 125740 se agregan definiciones de siglas y acrónimos 422843 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} == Breve reseña sobre la World Wide Web == La World Wide Web, nace en 1989 por un investigador del Centro Europeo de Investigación Nuclear (CERN), llamado '''Tim Berners-Lee''' quien inventó un sistema de intercambio de información en la Red con posibilidades multimedia, que se conocería posteriormente como '''World Wide Web'''. Para ello diseñó un esquema basado en tres pilares: 1. '''URI''' ('''''Identificador Universal de Recursos''', del inglés "Universal Resource Identifier"'') para que todos los documentos tengan un nombre único. 2. '''HTTP''' ('''''Protocolo de Transferencia de HiperTexto''', del inglés "HyperText Transfer Protocol") para la gestión de tráfico documental. 3. '''HTML''' ('''''Lenguaje para el Formato de Documentos de Hipertexto''', del inglés "HyperText Markup Language"'') para la creación y edición de los documentos web. Podría, este sistema, conceptuarse como una gran red de discos duros donde se alojarían los millones de documentos web enlazados entre sí. Podemos pensar a Internet como un espacio de flujos incesantes en el cual permanentemente circulan representaciones simbólicas en forma de arte, dinero, conocimiento, entretenimiento, luchas sociales y políticas, etc. Es decir, podemos pensar en la red como un espacio privilegiado por donde fluyen el lenguaje y el pensamiento, bajo una forma específica de sociabilidad. Dado que actualmente existen varios protocolos que gestionan el trafico documental y de contenido en Internet se hace necesario estandarizar la normativa que haga posible su compatibilidad. Desde los comienzos, el Consorcio de la World Wide Web ('''W3C''') presidida por su ideador, es la organización que elabora y publica los estándares que hacen posible la web. == ¿Qué es el HTML? == [[Imagen:HTML element structure.svg|450px|thumb|right|center|Los '''elementos''' pueden ser representados por ''cabeceras'', ''párrafos'', ''enlaces de hipertexto'', ''listas'', ''archivos multimedia incrustados'' y una gran variedad de otras ''estructuras'']] El HTML, acrónimo inglés de HyperText Markup Language, es el código que posibilita la creación y edición de documentos web. Es un metalenguaje heredado del SGML basado en etiquetas ('''tags''') que tiene como virtud entre otras, la de poder ser implementado por código de otros lenguajes como JavaScript o Visual Basic Script que amplían y mejoran su capacidad original. El código HTML utiliza el ''código ASCII puro'' que puede teclearse en cualquier editor básico para posteriormente ser ''interpretado secuencialmente'' por un objeto cliente denominado navegador ('''browser''') que visualiza el resultado en pantalla. La sintaxis de HTML está estructurada según el siguiente protocolo o sintaxis: :# Una etiqueta inicial que señala el comienzo de un elemento :# Un número determinado de atributos (y sus valores asociados) :# Una cierta cantidad de contenido (caracteres y otros elementos) :# Una etiqueta que marca el final. Muchos componentes o elementos de HTML incluyen atributos específicos en las etiquetas de comienzo, que definen el comportamiento, o indican propiedades adicionales de dichos elementos. La etiqueta que delimita el final es opcional para algunos elementos. En muy pocos casos, un elemento vacío puede no contener o requerir la etiqueta de final. Hay algunos elementos que no forman parte de las definiciones del tipo de documento (DTDs) oficiales. En la actualidad, muchas de éstas son soportadas por algunos navegadores y se utilizan en algunas páginas. Dichos elementos pueden ser simplemente ignorados o, en el peor de los casos, puede que no se muestren con el resultado que se esperaba cuando se diseñaron, o provoquen errores en aquellos navegadores que no los soporten. == Historia == Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones. Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo [[w:es:TCP|TCP]] ('''Protocolo de Control de la Transmisión''', del inglés ''"Transmission Control Protocol"'' ), que todavia se utiliza en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el FTP ('''Protocolo de Transferencia de Archivos estándar''', del inglés ''"File Transfer Protocol"'' ) para la transferencia de archivos... En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados. Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://www.google.es"> (algo así como <vínculo dirección="google.es">). En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador. De esto se encarga un '''navegador''', que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra. [[ca:Llenguatge html/Introducció]] [[en:HyperText Markup Language/Introduction]] [[gl:HTML/Introdución]] l5wkvmbe21uobr5tspelhxueq7myju4 422844 422843 2025-06-08T02:55:56Z RikhardWall 125740 Se agregan algunos enlaces 422844 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} == Breve reseña sobre la World Wide Web == La World Wide Web, nace en 1989 por un investigador del Centro Europeo de Investigación Nuclear (CERN), llamado '''Tim Berners-Lee''' quien inventó un sistema de intercambio de información en la Red con posibilidades multimedia, que se conocería posteriormente como '''World Wide Web'''. Para ello diseñó un esquema basado en tres pilares: 1. '''[https://es.wikipedia.org/wiki/Identificador%20de%20recursos%20uniforme URI]''' ('''''Identificador Universal de Recursos''', del inglés "Universal Resource Identifier"'') para que todos los documentos tengan un nombre único. 2. '''[https://es.wikipedia.org/wiki/Protocolo_de_transferencia_de_hipertexto HTTP]''' ('''''Protocolo de Transferencia de HiperTexto''', del inglés "HyperText Transfer Protocol") para la gestión de tráfico documental. 3. '''[https://es.wikipedia.org/wiki/HTML HTML]''' ('''''Lenguaje para el Formato de Documentos de Hipertexto''', del inglés "HyperText Markup Language"'') para la creación y edición de los documentos web. Podría, este sistema, conceptuarse como una gran red de discos duros donde se alojarían los millones de documentos web enlazados entre sí. Podemos pensar a Internet como un espacio de flujos incesantes en el cual permanentemente circulan representaciones simbólicas en forma de arte, dinero, conocimiento, entretenimiento, luchas sociales y políticas, etc. Es decir, podemos pensar en la red como un espacio privilegiado por donde fluyen el lenguaje y el pensamiento, bajo una forma específica de sociabilidad. Dado que actualmente existen varios protocolos que gestionan el trafico documental y de contenido en Internet se hace necesario estandarizar la normativa que haga posible su compatibilidad. Desde los comienzos, el Consorcio de la World Wide Web ('''W3C''') presidida por su ideador, es la organización que elabora y publica los estándares que hacen posible la web. == ¿Qué es el HTML? == [[Imagen:HTML element structure.svg|450px|thumb|right|center|Los '''elementos''' pueden ser representados por ''cabeceras'', ''párrafos'', ''enlaces de hipertexto'', ''listas'', ''archivos multimedia incrustados'' y una gran variedad de otras ''estructuras'']] El HTML, acrónimo inglés de HyperText Markup Language, es el código que posibilita la creación y edición de documentos web. Es un metalenguaje heredado del SGML basado en etiquetas ('''tags''') que tiene como virtud entre otras, la de poder ser implementado por código de otros lenguajes como JavaScript o Visual Basic Script que amplían y mejoran su capacidad original. El código HTML utiliza el ''código ASCII puro'' que puede teclearse en cualquier editor básico para posteriormente ser ''interpretado secuencialmente'' por un objeto cliente denominado navegador ('''browser''') que visualiza el resultado en pantalla. La sintaxis de HTML está estructurada según el siguiente protocolo o sintaxis: :# Una etiqueta inicial que señala el comienzo de un elemento :# Un número determinado de atributos (y sus valores asociados) :# Una cierta cantidad de contenido (caracteres y otros elementos) :# Una etiqueta que marca el final. Muchos componentes o elementos de HTML incluyen atributos específicos en las etiquetas de comienzo, que definen el comportamiento, o indican propiedades adicionales de dichos elementos. La etiqueta que delimita el final es opcional para algunos elementos. En muy pocos casos, un elemento vacío puede no contener o requerir la etiqueta de final. Hay algunos elementos que no forman parte de las definiciones del tipo de documento (DTDs) oficiales. En la actualidad, muchas de éstas son soportadas por algunos navegadores y se utilizan en algunas páginas. Dichos elementos pueden ser simplemente ignorados o, en el peor de los casos, puede que no se muestren con el resultado que se esperaba cuando se diseñaron, o provoquen errores en aquellos navegadores que no los soporten. == Historia == Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones. Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo [https://es.wikipedia.org/wiki/Protocolo%20de%20control%20de%20transmisión TCP] ('''Protocolo de Control de la Transmisión''', del inglés ''"Transmission Control Protocol"'' ), que todavia se utiliza en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el [https://es.wikipedia.org/wiki/Protocolo%20de%20transferencia%20de%20archivos FTP] ('''Protocolo de Transferencia de Archivos estándar''', del inglés ''"File Transfer Protocol"'' ) para la transferencia de archivos... En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados. Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://www.google.es"> (algo así como <vínculo dirección="google.es">). En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador. De esto se encarga un '''navegador''', que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra. [[ca:Llenguatge html/Introducció]] [[en:HyperText Markup Language/Introduction]] [[gl:HTML/Introdución]] couo033q5swhw9t2xk62encpqbcufho 422845 422844 2025-06-08T03:01:35Z RikhardWall 125740 422845 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} == Breve reseña sobre la World Wide Web == La World Wide Web, nace en 1989 por un investigador del Centro Europeo de Investigación Nuclear (CERN), llamado '''Tim Berners-Lee''' quien inventó un sistema de intercambio de información en la Red con posibilidades multimedia, que se conocería posteriormente como '''World Wide Web'''. Para ello diseñó un esquema basado en tres pilares: 1. '''[https://es.wikipedia.org/wiki/Identificador%20de%20recursos%20uniforme URI]''' ('''''Identificador Universal de Recursos''', del inglés "Universal Resource Identifier"'') para que todos los documentos tengan un nombre único. 2. '''[https://es.wikipedia.org/wiki/Protocolo_de_transferencia_de_hipertexto HTTP]''' ('''''Protocolo de Transferencia de HiperTexto''', del inglés "HyperText Transfer Protocol") para la gestión de tráfico documental. 3. '''[https://es.wikipedia.org/wiki/HTML HTML]''' ('''''Lenguaje para el Formato de Documentos de Hipertexto''', del inglés "HyperText Markup Language"'') para la creación y edición de los documentos web. Podría, este sistema, conceptuarse como una gran red de discos duros donde se alojarían los millones de documentos web enlazados entre sí. Podemos pensar a Internet como un espacio de flujos incesantes en el cual permanentemente circulan representaciones simbólicas en forma de arte, dinero, conocimiento, entretenimiento, luchas sociales y políticas, etc. Es decir, podemos pensar en la red como un espacio privilegiado por donde fluyen el lenguaje y el pensamiento, bajo una forma específica de sociabilidad. Dado que actualmente existen varios protocolos que gestionan el trafico documental y de contenido en Internet se hace necesario estandarizar la normativa que haga posible su compatibilidad. Desde los comienzos, el Consorcio de la World Wide Web ('''W3C''') presidida por su ideador, es la organización que elabora y publica los estándares que hacen posible la web. == ¿Qué es el HTML? == [[Imagen:HTML element structure.svg|450px|thumb|right|center|Los '''elementos''' pueden ser representados por ''cabeceras'', ''párrafos'', ''enlaces de hipertexto'', ''listas'', ''archivos multimedia incrustados'' y una gran variedad de otras ''estructuras'']] El HTML, acrónimo inglés de HyperText Markup Language, es el código que posibilita la creación y edición de documentos web. Es un metalenguaje heredado del SGML basado en etiquetas ('''tags''') que tiene como virtud entre otras, la de poder ser implementado por código de otros lenguajes como JavaScript o Visual Basic Script que amplían y mejoran su capacidad original. El código HTML utiliza el ''código ASCII puro'' que puede teclearse en cualquier editor básico para posteriormente ser ''interpretado secuencialmente'' por un objeto cliente denominado navegador ('''browser''') que visualiza el resultado en pantalla. La sintaxis de HTML está estructurada según el siguiente protocolo o sintaxis: :# Una etiqueta inicial que señala el comienzo de un elemento :# Un número determinado de atributos (y sus valores asociados) :# Una cierta cantidad de contenido (caracteres y otros elementos) :# Una etiqueta que marca el final. Muchos componentes o elementos de HTML incluyen atributos específicos en las etiquetas de comienzo, que definen el comportamiento, o indican propiedades adicionales de dichos elementos. La etiqueta que delimita el final es opcional para algunos elementos. En muy pocos casos, un elemento vacío puede no contener o requerir la etiqueta de final. Hay algunos elementos que no forman parte de las definiciones del tipo de documento (DTDs) oficiales. En la actualidad, muchas de éstas son soportadas por algunos navegadores y se utilizan en algunas páginas. Dichos elementos pueden ser simplemente ignorados o, en el peor de los casos, puede que no se muestren con el resultado que se esperaba cuando se diseñaron, o provoquen errores en aquellos navegadores que no los soporten. == Historia == Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones. Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo [https://es.wikipedia.org/wiki/Protocolo%20de%20control%20de%20transmisión TCP] ('''Protocolo de Control de la Transmisión''', del inglés ''"Transmission Control Protocol"'' ), que todavia se utiliza en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el [https://es.wikipedia.org/wiki/Protocolo%20de%20transferencia%20de%20archivos FTP] ('''Protocolo de Transferencia de Archivos estándar''', del inglés ''"File Transfer Protocol"'' ) para la transferencia de archivos... En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados. Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://www.google.es"> (algo así como <vínculo dirección="google.es">). En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador. De esto se encarga un '''navegador''', que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra. {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} [[ca:Llenguatge html/Introducció]] [[en:HyperText Markup Language/Introduction]] [[gl:HTML/Introdución]] 1v634sal04ypk8iulxbpx1on4e4gwt1 422847 422845 2025-06-08T04:27:32Z RikhardWall 125740 422847 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} == Breve reseña sobre la World Wide Web == La World Wide Web, nace en 1989 por un investigador del Centro Europeo de Investigación Nuclear (CERN), llamado '''Tim Berners-Lee''' quien inventó un sistema de intercambio de información en la Red con posibilidades multimedia, que se conocería posteriormente como '''World Wide Web'''. Para ello diseñó un esquema basado en tres pilares: 1. '''[https://es.wikipedia.org/wiki/Identificador%20de%20recursos%20uniforme URI]''' ('''''Identificador Universal de Recursos''', del inglés "Universal Resource Identifier"'') para que todos los documentos tengan un nombre único. 2. '''[https://es.wikipedia.org/wiki/Protocolo_de_transferencia_de_hipertexto HTTP]''' ('''''Protocolo de Transferencia de HiperTexto''', del inglés "HyperText Transfer Protocol") para la gestión de tráfico documental. 3. '''[https://es.wikipedia.org/wiki/HTML HTML]''' ('''''Lenguaje para el Formato de Documentos de Hipertexto''', del inglés "HyperText Markup Language"'') para la creación y edición de los documentos web. Podría, este sistema, conceptuarse como una gran red de discos duros donde se alojarían los millones de documentos web enlazados entre sí. Podemos pensar a Internet como un espacio de flujos incesantes en el cual permanentemente circulan representaciones simbólicas en forma de arte, dinero, conocimiento, entretenimiento, luchas sociales y políticas, etc. Es decir, podemos pensar en la red como un espacio privilegiado por donde fluyen el lenguaje y el pensamiento, bajo una forma específica de sociabilidad. Dado que actualmente existen varios protocolos que gestionan el trafico documental y de contenido en Internet se hace necesario estandarizar la normativa que haga posible su compatibilidad. Desde los comienzos, el Consorcio de la World Wide Web ('''W3C''') presidida por su ideador, es la organización que elabora y publica los estándares que hacen posible la web. == ¿Qué es el HTML? == [[Imagen:HTML element structure.svg|450px|thumb|right|center|Los '''elementos''' pueden ser representados por ''cabeceras'', ''párrafos'', ''enlaces de hipertexto'', ''listas'', ''archivos multimedia incrustados'' y una gran variedad de otras ''estructuras'']] El HTML, acrónimo inglés de HyperText Markup Language, es el código que posibilita la creación y edición de documentos web. Es un metalenguaje heredado del SGML basado en etiquetas ('''tags''') que tiene como virtud entre otras, la de poder ser implementado por código de otros lenguajes como JavaScript o Visual Basic Script que amplían y mejoran su capacidad original. El código HTML utiliza el ''código ASCII puro'' que puede teclearse en cualquier editor básico para posteriormente ser ''interpretado secuencialmente'' por un objeto cliente denominado navegador ('''browser''') que visualiza el resultado en pantalla. La sintaxis de HTML está estructurada según el siguiente protocolo o sintaxis: :# Una etiqueta inicial que señala el comienzo de un elemento :# Un número determinado de atributos (y sus valores asociados) :# Una cierta cantidad de contenido (caracteres y otros elementos) :# Una etiqueta que marca el final. Muchos componentes o elementos de HTML incluyen atributos específicos en las etiquetas de comienzo, que definen el comportamiento, o indican propiedades adicionales de dichos elementos. La etiqueta que delimita el final es opcional para algunos elementos. En muy pocos casos, un elemento vacío puede no contener o requerir la etiqueta de final. Hay algunos elementos que no forman parte de las definiciones del tipo de documento (DTDs) oficiales. En la actualidad, muchas de éstas son soportadas por algunos navegadores y se utilizan en algunas páginas. Dichos elementos pueden ser simplemente ignorados o, en el peor de los casos, puede que no se muestren con el resultado que se esperaba cuando se diseñaron, o provoquen errores en aquellos navegadores que no los soporten. == Historia == Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones. Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo [https://es.wikipedia.org/wiki/Protocolo%20de%20control%20de%20transmisión TCP] ('''Protocolo de Control de la Transmisión''', del inglés ''"Transmission Control Protocol"'' ), que todavia se utiliza en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el [https://es.wikipedia.org/wiki/Protocolo%20de%20transferencia%20de%20archivos FTP] ('''Protocolo de Transferencia de Archivos estándar''', del inglés ''"File Transfer Protocol"'' ) para la transferencia de archivos... En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados. Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://www.google.es"> (algo así como <vínculo dirección="google.es">). En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador. De esto se encarga un '''navegador''', que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra. <hr> {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} [[ca:Llenguatge html/Introducció]] [[en:HyperText Markup Language/Introduction]] [[gl:HTML/Introdución]] bfbul7am5ynjubf1h4d7pem95rj35i8 422848 422847 2025-06-08T04:28:17Z RikhardWall 125740 422848 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} <hr> == Breve reseña sobre la World Wide Web == La World Wide Web, nace en 1989 por un investigador del Centro Europeo de Investigación Nuclear (CERN), llamado '''Tim Berners-Lee''' quien inventó un sistema de intercambio de información en la Red con posibilidades multimedia, que se conocería posteriormente como '''World Wide Web'''. Para ello diseñó un esquema basado en tres pilares: 1. '''[https://es.wikipedia.org/wiki/Identificador%20de%20recursos%20uniforme URI]''' ('''''Identificador Universal de Recursos''', del inglés "Universal Resource Identifier"'') para que todos los documentos tengan un nombre único. 2. '''[https://es.wikipedia.org/wiki/Protocolo_de_transferencia_de_hipertexto HTTP]''' ('''''Protocolo de Transferencia de HiperTexto''', del inglés "HyperText Transfer Protocol") para la gestión de tráfico documental. 3. '''[https://es.wikipedia.org/wiki/HTML HTML]''' ('''''Lenguaje para el Formato de Documentos de Hipertexto''', del inglés "HyperText Markup Language"'') para la creación y edición de los documentos web. Podría, este sistema, conceptuarse como una gran red de discos duros donde se alojarían los millones de documentos web enlazados entre sí. Podemos pensar a Internet como un espacio de flujos incesantes en el cual permanentemente circulan representaciones simbólicas en forma de arte, dinero, conocimiento, entretenimiento, luchas sociales y políticas, etc. Es decir, podemos pensar en la red como un espacio privilegiado por donde fluyen el lenguaje y el pensamiento, bajo una forma específica de sociabilidad. Dado que actualmente existen varios protocolos que gestionan el trafico documental y de contenido en Internet se hace necesario estandarizar la normativa que haga posible su compatibilidad. Desde los comienzos, el Consorcio de la World Wide Web ('''W3C''') presidida por su ideador, es la organización que elabora y publica los estándares que hacen posible la web. == ¿Qué es el HTML? == [[Imagen:HTML element structure.svg|450px|thumb|right|center|Los '''elementos''' pueden ser representados por ''cabeceras'', ''párrafos'', ''enlaces de hipertexto'', ''listas'', ''archivos multimedia incrustados'' y una gran variedad de otras ''estructuras'']] El HTML, acrónimo inglés de HyperText Markup Language, es el código que posibilita la creación y edición de documentos web. Es un metalenguaje heredado del SGML basado en etiquetas ('''tags''') que tiene como virtud entre otras, la de poder ser implementado por código de otros lenguajes como JavaScript o Visual Basic Script que amplían y mejoran su capacidad original. El código HTML utiliza el ''código ASCII puro'' que puede teclearse en cualquier editor básico para posteriormente ser ''interpretado secuencialmente'' por un objeto cliente denominado navegador ('''browser''') que visualiza el resultado en pantalla. La sintaxis de HTML está estructurada según el siguiente protocolo o sintaxis: :# Una etiqueta inicial que señala el comienzo de un elemento :# Un número determinado de atributos (y sus valores asociados) :# Una cierta cantidad de contenido (caracteres y otros elementos) :# Una etiqueta que marca el final. Muchos componentes o elementos de HTML incluyen atributos específicos en las etiquetas de comienzo, que definen el comportamiento, o indican propiedades adicionales de dichos elementos. La etiqueta que delimita el final es opcional para algunos elementos. En muy pocos casos, un elemento vacío puede no contener o requerir la etiqueta de final. Hay algunos elementos que no forman parte de las definiciones del tipo de documento (DTDs) oficiales. En la actualidad, muchas de éstas son soportadas por algunos navegadores y se utilizan en algunas páginas. Dichos elementos pueden ser simplemente ignorados o, en el peor de los casos, puede que no se muestren con el resultado que se esperaba cuando se diseñaron, o provoquen errores en aquellos navegadores que no los soporten. == Historia == Internet nació gracias a ARPANET, un proyecto militar desarrollado con la finalidad de mantener una red de transmisión de paquetes entre ordenadores. ARPANET data de 1969 y sus desarrolladores pretendían que sirviera como arma defensiva en caso de una guerra nuclear. De esta forma, si se atacaba una ciudad de Estados Unidos, el resto de nodos (usuarios) de ARPANET se enteraría de los acontecimientos y podría mantener el flujo de las comunicaciones. Los desarrolladores de ARPANET comenzaron a investigar protocolos para transmitir paquetes de información. Su primer logro fue el desarrollo del protocolo [https://es.wikipedia.org/wiki/Protocolo%20de%20control%20de%20transmisión TCP] ('''Protocolo de Control de la Transmisión''', del inglés ''"Transmission Control Protocol"'' ), que todavia se utiliza en la mayoría de redes, y posteriormente inventaron otros como el protocolo para el correo electrónico, el [https://es.wikipedia.org/wiki/Protocolo%20de%20transferencia%20de%20archivos FTP] ('''Protocolo de Transferencia de Archivos estándar''', del inglés ''"File Transfer Protocol"'' ) para la transferencia de archivos... En los años 80 se crea una red paralela, la NSFNET, para científicos y a la que algunas personas tenían acceso, sobre todo en universidades. Pero nadie se planteó crear un protocolo para transmitir datos con formato. Era posible transmitir información y archivos pero no archivos con interactividad que se transmitieran y fueran mostrados. Lo que se hizo fue basarse en un lenguaje ya inventado denominado SGML, el cual se basaba en etiquetas tipo <etiqueta atributo="valor">, para crear un lenguaje que indicara cómo se ven la información en forma de hipertexto. Con esto nació el HTML, que tenía etiquetas SGML, como <a href="http://www.google.es"> (algo así como <vínculo dirección="google.es">). En los años 90 el protocolo salió a la luz junto a la INTERNET, cuando se abandonaron ARPANET y NSFNET y se usó INTERNET únicamente para un público abierto de forma que todos pudieramos usarlo. Con ello, se utilizó el protocolo HTTP para que desde nuestras casas llamáramos a otro ordenador y éste nos enviara el código HTML de la página a nuestro ordenador. De esto se encarga un '''navegador''', que nos permite contactar con el susodicho ordenador y cuando la página se envíe mostrarla. El navegador interpreta el código HTML y nos lo muestra. <hr> {{navegador|libro=Lenguaje HTML |actual=Introducción |anterior= |siguiente=El código }} [[ca:Llenguatge html/Introducció]] [[en:HyperText Markup Language/Introduction]] [[gl:HTML/Introdución]] mhf2uxb8hs77acz6jpsngs4upowle60 0 6508 422841 376725 2025-06-08T02:14:37Z RikhardWall 125740 se agregó un </source> al inicio 422841 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=Estructura de un documento HTML |anterior=El código |siguiente=Formateo de texto }} En esta sección conoceremos los cuatro elementos básicos que forman la estructura de un documento HTML. Pero antes de nada veamos el esqueleto de un documento HTML vacío: <source lang="html4strict"> <!DOCTYPE> <html> <head> </head> # hace parte del encabezado de la página el cual no es posible verlo dentro de la navegación y es para la descripción de la misma para ser encontrada fácilmente por los motores de renderizado o motores de búsqueda. <body> </body> # hace parte del cuerpo de la página, lugar donde se incluye toda la información que queremos que sea visualizada por las personas que ingresan a los navegadores en busca de información </html> </source> La primera línea está reservada al DOCTYPE (tipo de documento), después viene el documento HTML, que está dividido en dos secciones: ''head'' (cabecera) y ''body'' (cuerpo). ==DOCTYPE== Define el tipo de documento.<br> Este elemento, que muchos webmasters obvian (incorrectamente), le indica al navegador la versión y tipo de HTML empleado en el documento. De esta forma, el navegador usará el modelo de renderización adecuado al tipo de documento. Para HTML 4.01 existen 3 tipos de DOCTYPE: *'''strict''': este DOCTYPE es el que contiene la definición de HTML recomendada por el W3C. <pre><nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></nowiki></pre> *'''transitional''': este DOCTYPE es igual al ''strict'', más algunos elementos y atributos antiguos que han quedado obsoletos, pero que se conservan para mantener la compatibilidad. <pre><nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></nowiki></pre> *'''frameset''': este DOCTYPE es igual al ''transitional'' más los elementos específicos para la creación de marcos. <pre><nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"></nowiki></pre> Para HTML 5 existe un formato unificado: <pre><nowiki><!DOCTYPE html></nowiki></pre> De no poner el DOCTYPE, el navegador interpretará el código HTML escrito tal y como le parezca mejor. Se obtendrán resultados imprevistos e inconsistentes que podrían variar incluso entre dos versiones de un mismo navegador. Por lo tanto, lo mejor es poner '''siempre''' el DOCTYPE correcto. ==Elemento '''html'''== Delimita el documento HTML, indicando al navegador el comienzo y fin del mismo.<br> Sus etiquetas son: <code><html></code> (siempre al comienzo despues del DOCTYPE) y <code></html></code> (siempre al terminar el documento)<br> Ambas etiquetas son opcionales pero se recomienda usarlas de todos modos. ==Elemento '''head'''== En inglés, '''head''' significa ''cabeza'' y su función es delimitar la cabecera del documento.<br> Sus etiquetas son: <code><head></code> y <code></head></code>. Al igual que las etiquetas <code><html></html></code>, ambas son opcionales pero se recomienda su uso.<br> La cabecera es la sección apropiada para incluir información sobre el documento, la mayoría de la cual no será mostrada a los lectores. Para incluir esta información tenemos diversos elementos, de momento solo comentaremos el más importante: ===Elemento '''title'''=== Indica el título del documento. En general, los navegadores modernos lo muestran en la barra de título de la ventana.<br> Sus etiquetas son: <code><title></code> y <code></title></code> (ambas obligatorias), por ejemplo: <source lang="html4strict"> <html> <head> <title>Turismo en sudamérica</title> </head> ... </html> </source> ==Elemento '''body'''== Delimita el cuerpo del documento.<br> Aquí van todos los contenidos que queremos mostrar a los lectores de nuestra página (texto, imágenes, etc...)<br> Sus etiquetas son: <code><body></code> y <code></body></code>, para delimitar el comienzo y el fin, respectivamente, del ''cuerpo'' de nuestro documento.<br> Continuando con el documento de arriba: <source lang="html4strict"> ... <body> El turismo en sudamérica... </body> ... </source> La etiqueta <code><body></code> puede tener los siguientes atributos:<br> <ul> <li><code>text="..."</code> color del texto <li><code>link="..."</code> color de enlaces no visitados <li><code>vlink="..."</code> color de enlaces visitados <li><code>alink="..."</code> color del link activo <li><code>bgcolor="..."</code> color del fondo <li><code>background="..."</code> imagen de fondo </ul> == Ejemplo == Si queremos crear nuestra primera página web en HTML 4.01 estricto, con un título original "Mi primera página", y un texto igualmente original "Hola mundo", el código sería el siguiente: <source lang="html4strict"> <DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Mi primera página</title> </head> <body> <p>Hola mundo</p> </body> </html> </source> 316cs5054fi9nszlze60otadw0tm3bg 0 6789 422846 400985 2025-06-08T03:53:13Z RikhardWall 125740 ediciones en como se muestran los tags 422846 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=El código |anterior=Introducción |siguiente=Estructura de un documento HTML }} Como su nombre indica el HTML es un lenguaje de "marcado". Si tenemos un texto y queremos convertirlo en una página web hemos de ir añadiéndole marcas que identifiquen que es cada cosa y como debe ser mostrada. Para esto el HTML nos proporciona tres conceptos: elemento, atributo y valor. Para representarlos usaremos las etiquetas. ==El elemento y sus etiquetas== Los tags o etiquetas tienen gran importancia en un documento HTML ya que brindan información especial que es utilizada para determinar la representación final del documento. Esto significa que donde se define una etiqueta en el código, algo sucederá en la representación del documento, algunas veces visualmente y otras de manera oculta. Todas las etiquetas comparten el mismo formato: empiezan con el signo menor que "&lt;" y terminan con el signo mayor que "&gt;". Por ejemplo: el elemento <code>&lt;html&gt;</code> tiene dos etiquetas: <br /> La etiqueta de inicio <code>&lt;html&gt;</code> define el inicio del documento HTML. <br /> La etiqueta de cierre <code>&lt;/html&gt;</code> define el final del documento HTML. <br /> :Estas etiquetas le indican al navegador que todo lo hay entre ellas debe ser interpretado como un documento HTML. <br /> :La etiqueta final se diferencia de la inicial por el signo de barra o ''Slash'' (/). Si no, no se podría saber cuándo empieza y termina un elemento, ya que se pueden contener unos dentro de otros.<br /> '''¡OJO!''' Elementos y etiquetas no son la misma cosa, las etiquetas son una plasmación textual de los elementos. Por ejemplo: el elemento <code>&lt;html&gt;&lt;/html&gt;</code> siempre esta presente en un documento HTML, sin embargo sus etiquetas son opcionales, pueden omitirse, <strong>aunque no es recomendable hacerlo.</strong> También es necesario tener una lista impresa cuando se inicia el trabajo con html ==Los atributos y sus valores== Son las propiedades que se le pueden asignar a los elementos. Por ejemplo, a <code>&lt;html&gt;</code> se le puede asignar un atributo (''lang'') para indicar en qué idioma está escrito el documento y podemos asignarle como valor un código de idioma (''"es" para el español, "en" para el ingles...'') <code>&lt;html '''lang="es"'''&gt;...&lt;/html&gt;</code> O sea: <elemento '''atributo="valor"'''> ... </elemento> <br /> Por supuesto un elemento puede tener varios atributos: <br /> &lt;elemento '''atributo''="valor" atributo="valor"'''&gt; ... &lt;/elemento&gt; <br /> :*Los atributos deben estar en la etiqueta inicial, nunca en la final. <br /> :*El orden de los atributos dentro de la etiqueta es indiferente. <br /> :*Deben separarse con un espacio en blanco del nombre del elemento y de otros atributos. <br /> :*Atributo y valor deben estar unidos por el signo: = <br /> :*Los valores deben estar encerrados con comillas, dobles o simples. <strong>Esto no es totalmente cierto pero actúa como si lo fuera.</strong> <br /> == Explícito e implícito == El autor (tú, por ejemplo) puede asignarle atributos a un elemento de manera explícita, o puede no hacerlo. Si no lo hace, esto no significa necesariamente que el elemento no tenga atributos asignados. Es decir, el elemento puede tener atributos implícitos obedeciendo a la especificación del W3C, o más comúnmente, puede que la especificación otorgue libertad a las aplicaciones de usuario (navegadores, por ejemplo) para que le asignen atributos a los elementos según el criterio de la aplicación, siempre y cuando el autor no lo haya hecho. Lo dicho también es de aplicación a los valores: el autor puede asignar explícitamente valores a los atributos, si no lo hace... <br /> Por ejemplo: cuando escribimos un texto, puede que necesitemos resaltar alguna frase o palabra importante. Para ello, HTML nos proporciona el elemento <code>&lt;em&gt;</code> para enfatizar texto, pero la especificación no indica la manera concreta de hacerlo; si el autor tampoco lo hace, la aplicación de usuario es libre de actuar. La mayoría de los navegadores muestran en cursiva el texto marcado con la etiqueta <code>&lt;em&gt;</code>, pero esto es sólo una elección de los navegadores, no una característica de <code>&lt;em&gt;</code>. Sucede lo mismo con la etiqueta <code>&lt;strong&gt;</code>, que normalmente se representa en '''negrita'''. HTML se ha constituido en un OPC [//es.wikipedia.org/wiki/OPC] {{navegador|libro=Lenguaje HTML |actual=El código |anterior=Introducción |siguiente=Estructura de un documento HTML }} l8rtme25bt5c07pruycdejzbcpptpnl 422849 422846 2025-06-08T04:29:05Z RikhardWall 125740 422849 wikitext text/x-wiki {{navegador|libro=Lenguaje HTML |actual=El código |anterior=Introducción |siguiente=Estructura de un documento HTML }} <hr> Como su nombre indica el HTML es un lenguaje de "marcado". Si tenemos un texto y queremos convertirlo en una página web hemos de ir añadiéndole marcas que identifiquen que es cada cosa y como debe ser mostrada. Para esto el HTML nos proporciona tres conceptos: elemento, atributo y valor. Para representarlos usaremos las etiquetas. ==El elemento y sus etiquetas== Los tags o etiquetas tienen gran importancia en un documento HTML ya que brindan información especial que es utilizada para determinar la representación final del documento. Esto significa que donde se define una etiqueta en el código, algo sucederá en la representación del documento, algunas veces visualmente y otras de manera oculta. Todas las etiquetas comparten el mismo formato: empiezan con el signo menor que "&lt;" y terminan con el signo mayor que "&gt;". Por ejemplo: el elemento <code>&lt;html&gt;</code> tiene dos etiquetas: <br /> La etiqueta de inicio <code>&lt;html&gt;</code> define el inicio del documento HTML. <br /> La etiqueta de cierre <code>&lt;/html&gt;</code> define el final del documento HTML. <br /> :Estas etiquetas le indican al navegador que todo lo hay entre ellas debe ser interpretado como un documento HTML. <br /> :La etiqueta final se diferencia de la inicial por el signo de barra o ''Slash'' (/). Si no, no se podría saber cuándo empieza y termina un elemento, ya que se pueden contener unos dentro de otros.<br /> '''¡OJO!''' Elementos y etiquetas no son la misma cosa, las etiquetas son una plasmación textual de los elementos. Por ejemplo: el elemento <code>&lt;html&gt;&lt;/html&gt;</code> siempre esta presente en un documento HTML, sin embargo sus etiquetas son opcionales, pueden omitirse, <strong>aunque no es recomendable hacerlo.</strong> También es necesario tener una lista impresa cuando se inicia el trabajo con html ==Los atributos y sus valores== Son las propiedades que se le pueden asignar a los elementos. Por ejemplo, a <code>&lt;html&gt;</code> se le puede asignar un atributo (''lang'') para indicar en qué idioma está escrito el documento y podemos asignarle como valor un código de idioma (''"es" para el español, "en" para el ingles...'') <code>&lt;html '''lang="es"'''&gt;...&lt;/html&gt;</code> O sea: <elemento '''atributo="valor"'''> ... </elemento> <br /> Por supuesto un elemento puede tener varios atributos: <br /> &lt;elemento '''atributo''="valor" atributo="valor"'''&gt; ... &lt;/elemento&gt; <br /> :*Los atributos deben estar en la etiqueta inicial, nunca en la final. <br /> :*El orden de los atributos dentro de la etiqueta es indiferente. <br /> :*Deben separarse con un espacio en blanco del nombre del elemento y de otros atributos. <br /> :*Atributo y valor deben estar unidos por el signo: = <br /> :*Los valores deben estar encerrados con comillas, dobles o simples. <strong>Esto no es totalmente cierto pero actúa como si lo fuera.</strong> <br /> == Explícito e implícito == El autor (tú, por ejemplo) puede asignarle atributos a un elemento de manera explícita, o puede no hacerlo. Si no lo hace, esto no significa necesariamente que el elemento no tenga atributos asignados. Es decir, el elemento puede tener atributos implícitos obedeciendo a la especificación del W3C, o más comúnmente, puede que la especificación otorgue libertad a las aplicaciones de usuario (navegadores, por ejemplo) para que le asignen atributos a los elementos según el criterio de la aplicación, siempre y cuando el autor no lo haya hecho. Lo dicho también es de aplicación a los valores: el autor puede asignar explícitamente valores a los atributos, si no lo hace... <br /> Por ejemplo: cuando escribimos un texto, puede que necesitemos resaltar alguna frase o palabra importante. Para ello, HTML nos proporciona el elemento <code>&lt;em&gt;</code> para enfatizar texto, pero la especificación no indica la manera concreta de hacerlo; si el autor tampoco lo hace, la aplicación de usuario es libre de actuar. La mayoría de los navegadores muestran en cursiva el texto marcado con la etiqueta <code>&lt;em&gt;</code>, pero esto es sólo una elección de los navegadores, no una característica de <code>&lt;em&gt;</code>. Sucede lo mismo con la etiqueta <code>&lt;strong&gt;</code>, que normalmente se representa en '''negrita'''. HTML se ha constituido en un OPC [//es.wikipedia.org/wiki/OPC] <hr> {{navegador|libro=Lenguaje HTML |actual=El código |anterior=Introducción |siguiente=Estructura de un documento HTML }} io3ppv23gptp3t2woihhjb0cbm4pljg 0 39582 422850 419129 2025-06-08T10:17:01Z Д.Ильин 125347 /* Ciclohexanona */ 422850 wikitext text/x-wiki [[Archivo:Ketone-displayed.png|thumb|right|[[w:Alquilo|R¹]]([[w:Grupo carbonilo|CO]])[[w:Alquilo|R²]], fórmula general de las cetonas.]] Una '''[[w:cetona|cetona]]''' es un [[w:compuesto orgánico|compuesto orgánico]] caracterizado por poseer un [[w:grupo funcional|grupo funcional]] carbonilo unido a dos sustituyentes constituidos por átomos de carbono, a diferencia de un [[w:aldehído|aldehído]], en donde el [[w:grupo carbonilo|grupo carbonilo]] se encuentra unido al menos a un átomo de hidrógeno. Como [[w:disolvente|disolventes]], las cetonas son clasificadas como disolventes polares apróticos. La polaridad del grupo carbonilo también las convierte en aceptoras de [[w:enlace por puente de hidrógeno|puentes de hidrógeno]], pero no en donoras, lo que impide la "asociación" de las moléculas. Esto supone una mayor [[w:volatilidad (química)|volatilidad]] de las cetonas respecto a [[w:alcohol|alcoholes]] o [[w:ácido carboxílico|ácidos carboxílicos]] de peso molecular comparable, que aunque lógicamente implica una solubilidad en agua menor, explica la perseverancia en su uso como disolventes y en perfumería. También se usan como precursores poliméricos y en la industria farmacéutica. Las cetonas más ampliamente utilizadas son la [[w:acetona|acetona]], la [[w:butanona|metil etil cetona]] y la ciclohexanona. =='''Acetona'''== [[Archivo:Acetone-CRC-MW-ED-dimensions-2D.png|miniaturadeimagen|izquierda|Molécula de acetona]] [[Archivo:Acetone-3D-vdW.png|miniaturadeimagen|izquierda|Molécula de acetona en 3D]] La [[w:acetona|acetona]] o propanona es el compuesto orgánico de fórmula molecular (CH₃)₂CO, y la más simple de las cetonas. A temperatura ambiente, se trata de un líquido incoloro de olor característico, volátil e inflamable. Se obtiene a escala industrial mediante [[w:hidrólisis|hidrólisis]] [[w:catálisis|catalítica]] en medio ácido del [[w:cumeno|hidroperóxido de isopropilbenceno]] (que se obtiene mediante la alquilación de [[w:benceno|benceno]] con [[w:propileno|propileno]], seguida por un proceso de oxidación), que permite también la obtención de [[w:fenol|fenol]] ([[w:en:cumene process|ruta del cumeno]]). :[[File:Cumene-process-overview-2D-skeletal.png|520px|Overview of the cumene process]] Otras posibles vías son: * [[w:hidrogenación|Deshidrogenación]] catalítica de [[w:2-propanol|isopropanol]] * [[w:fermentación|Fermentación]] * [[w:oxidación|Oxidación]] de [[w:propileno|propileno]] ([[w:en:Hoechst-Wacker process|proceso Hoechst-Wacker]]), polipropileno y diisopropilbenceno. Algunas de sus propiedades físico-químicas son las siguientes: * Punto de ebullición: 329.3 K (56ºC) * Punto de fusión: 178.7 K (-94ºC) * Punto de inflamación: 255.15 K (-18ºC) * Temperatura de autoignición: 738.15 K (465ºC) * Solubilidad en agua: soluble * Densidad: 0.8 g/cm³ * Coeficiente de reparto octanol/agua: log Pow = -0.24 La acetona como disolvente supone el 17% de la producción total, el resto se destina para la producción de MMA (metil metacrilato) y PMMA ([[w:polimetilmetacrilato|polimetilmetacrilato]]) usados en construcción (42%), [[w:bisfenol A|Bisfenol-A]] para automóviles y microelectrónica (24%), derivados del aldol (13%), y otros (4%). En cuanto a la peligrosidad, su [[w:punto de inflamación|punto de inflamación]] está en 255 K (-18ºC), y su [[w:temperatura de autoignición|temperatura de autoignición]] en 738 K (465ºC), por lo que se trata de un líquido extremadamente inflamable, aunque es difícil alcanzar la temperatura para que arda espontáneamente, muy parecido al MTBE. Se trata de un compuesto que produce irritación respiratoria al ser inhalado, pudiendo llegar a la pérdida de conocimiento, y también irrita la piel y los ojos. Su ingestión puede producir náuseas y vómitos. =='''Metil Etil Cetona'''== [[Archivo:Butanone-structure-skeletal.png|miniaturadeimagen|izquierda|Molécula de metil etil cetona]] [[Archivo:Butanone-3D-vdW.png|miniaturadeimagen|izquierda|Molécula de metil etil cetona en 3D]] La [[w:butanona|metil etil cetona]], también conocida como butanona o MEC, tiene una fórmula molecular de C₄H₈O. A temperatura ambiente, se presenta en forma de líquido incoloro inflamable, de olor característico, dulzón y penetrante. Existen dos procesos fundamentales para su obtención: el primero consiste en la [[w:hidrogenación|deshidrogenación]] [[w:catálisis|catalítica]] del alcohol sec-butílico a 250-330ºC, en presencia de cobre, zinc o bronce. El segundo proceso, denominado [[w:en:Hoechst-Wacker process|proceso Hoechst-Wacker]], se trata de una [[w:oxidación|oxidación]] con aire del 1-buteno en presencia de una disolución acuosa de cloruros metálicos. Algunas de sus características principales son: * Punto de ebullición:353 K (80ºC) * Punto de fusión: 186.5 K (-86ºC) * Punto de inflamación: 264.15 K (-9ºC) * Temperatura de autoignición: 778.15 K (505ºC) * Solubilidad en agua: 27-29g/100mL de agua (20ºC) * Densidad: 0.805 g/cm³ * Coeficiente de reparto octanol/agua: log Pow = 0.29 Su aplicación principal es como disolvente universal de nitro- y acetilcelulosas, resinas [[w:grupo vinilo|vinílicas]], [[w:caucho|cauchos]] clorados y celuloides, en la industria de lacas y pegamentos; así como para la [[w:parafina|desparafinación]] de los aceites pesados. En cuanto a la peligrosidad, su [[w:punto de inflamación|punto de inflamación]] está en 264K (-9ºC), y su [[w:temperatura de autoignición|temperatura de autoignición]] en 778K (505ºC), por lo que se trata de un líquido extremadamente inflamable, aunque es más difícil alcanzar la temperatura para que arda espontáneamente, también muy parecido al MTBE. Los efectos tóxicos son similares a los provocados por la acetona. =='''Metil Isobutil Cetona'''== [[File:MIBK.png|thumb|izquierda|Molécula de metil isobutil cetona]] La metil isobutil cetona, también conocida como MIBK, es un líquido incoloro que tiene una fórmula molecular de C₆H₁₂O. Se obtienen millones de kilogramos a partir de acetona mediante tres reacciones: una [[w:condensación aldólica|condensación aldólica]], para dar un alcohol diacetona; una deshidratación, para dar un óxido de mesitilo y por último una reacción con hidrógeno en presencia de [[w:paladio|Pd]] para dar MIBK: :[[Image:MIBK synthesis.svg|500px|Synthesis of MIBK from acetone]] Algunas de sus características principales son: * Punto de ebullición: 390 K (117ºC) * Punto de fusión: 187.8 K (-84.7ºC) * Punto de inflamación: 290.15 K (17ºC) * Temperatura de autoignición: 732.15 K (459ºC) * Solubilidad en agua: 1.91g/100mL de agua (20ºC) * Densidad: 0.802 g/cm³ * Viscosidad: 0.58 cP (20ºC) Se emplea para el desparafinado de aceites lubricantes, como base o componentes de pinturas, esmaltes, lacas, barnices, selladores, diluyentes, etc. También es común su uso como [[w:tensioactivo|tensioactivo]] de tintas, pinturas y pesticidas. Otros usos serían las extracciones líquido/líquido o sólido/líquido. En cuanto a la peligrosidad, su [[w:punto de inflamación|punto de inflamación]] está en 290K (17ºC), y su [[w:temperatura de autoignición|temperatura de autoignición]] en 732K (459ºC), por lo que se trata de un líquido no muy inflamable, siendo difícil alcanzar la temperatura para que arda espontáneamente. Los vapores causan irritación de las vías respiratorias y los ojos teniendo como efecto [[w:bronquitis|bronquitis]], [[w:deshidratación|deshidratación]] y efectos sobre el sistema nervioso central. =='''Ciclohexanona'''== [[Archivo:Cyclohexanone.svg|thumb|izquierda|Molécula de ciclohexanona]] [[Archivo:Cyclohexanone-3D-balls.png|miniaturadeimagen|izquierda|Molécula de ciclohexanona en 3D]] La [[w:ciclohexanona|ciclohexanona]], molécula cíclica compuesta de seis átomos de carbono y con un grupo funcional cetona, pertenece al grupo de las cetonas cíclicas, y se trata de un líquido incoloro, cuyo olor recuerda al de la acetona. La síntesis industrial de la ciclohexanona tiene lugar principalmente a través de dos procesos: * [[w:Oxidación|Oxidación]] [[w:Catálisis|catalítica]] de [[w:ciclohexano|ciclohexano]] con oxígeno atmosférico, que transcurre a través de un hidroperoxiciclohexano (o hidroperóxido de ciclohexilo) inestable, el cual vía un [[w:Mecanismo de reacción|mecanismo]] [[w:Radical libre|radicalario]] da lugar a una mezca de ciclohexanona y [[w:ciclohexanol|ciclohexanol]]. La mezcla a continuación se separa por destilación, y el ciclohexanol aislado puede seguidamente oxidarse a más ciclohexanona. [[Archivo:Cyclohexanon Synth1.png|400px|Ciclohexanona vía oxidación catalítica del ciclochexano]] * Hidrogenación catalítica de fenol, con un catalizador de [[w:Paladio|Pd]]/[[w:Carbono|C]]. Algunas de sus propiedades físico-químicas son las siguientes: * Punto de ebullición: 428.8 K (155.6ºC) * Punto de fusión: 242.15 K (-31ºC) * Punto de inflamación: 317.15 K (44ºC) * Temperatura de autoignición: 697.15 K (420ºC) * Solubilidad en agua: 8.7g/100mL de agua (20ºC) * Densidad: 0.9478 g/cm³ * Coeficiente de reparto octanol/agua: log Pow = 0.81 La ciclohexanona se emplea como disolvente en la industria, y como reactivo en la producción de [[w:ácido adípico|ácido adípico]] y de [[w:caprolactama|caprolactama]], compuestos empleados en la fabricación de [[w:nylon|nylon]]-6,6 y nylon-6 respectivamente. También es usado en la fabricación de PVC y como pegamento para unir partes o trozos de PVC y nylon-6,6. [[Archivo: Caprolactam Synth.png|thumb|center|400px|Caprolactama a partir de ciclohexanona vía la [[w:oxima|oxima]] y [[w:transposición de Beckmann|transposición de Beckmann]].]] En cuanto a la peligrosidad, su punto de inflamación está en 317K (44ºC), y su temperatura de autoignición en 697K (420ºC), por lo que se trata de un líquido no muy inflamable, siendo difícil alcanzar la temperatura para que arda espontáneamente. Los vapores causan irritación de las vías respiratorias y los ojos teniendo como efecto bronquitis, deshidratación y efectos sobre el sistema nervioso central. =='''REFERENCIAS'''== * {{cita libro |apellido=Martínez Grau, M.ª Ángeles |nombre=G. Csákÿ, Aurelio |título=Técnicas experimentales en síntesis orgánica |año=2001 |editorial=SÍNTESIS |ubicación=España |isbn=84-7738-605-6 |capítulo=3 |}} ==='''Enlaces externos'''=== * [http://www.insht.es/InshtWeb/Contenidos/Documentacion/FichasTecnicas/FISQ/Ficheros/0a100/nspn0087.pdf/ Ficha de seguridad de acetona] * [http://www.insht.es/InshtWeb/Contenidos/Documentacion/FichasTecnicas/FISQ/Ficheros/101a200/nspn0179.pdf/ Ficha de seguridad de metil etil cetona] * [http://www.insht.es/InshtWeb/Contenidos/Documentacion/FichasTecnicas/FISQ/Ficheros/201a300/nspn0242.pdf/ Ficha de seguridad de ciclohexanona] * [http://webbook.nist.gov/chemistry/ Web del NIST] [[Categoría:Disolventes en la Industria Química]] ioeuyu7yhac9h2t0726ck5skb6p3eco