¿Qué es el lenguaje HTML? Tutorial HTML. Información general sobre el lenguaje html.

En esta sección hablaremos sobre el lenguaje de marcado HTML, estudiándolo con ejemplos a lo largo del camino. Vale la pena agregar que en esta sección se publicarán “relanzaciones” de artículos escritos por mí anteriormente, y las entradas antiguas sobre HTML se eliminarán durante el proceso de redacción de otras nuevas.

La primera publicación es “para los más pequeños”, o mejor dicho para principiantes, para aquellas personas que no tienen idea: ¿qué es HTML? Es a la pregunta "¿Qué es HTML?" Este artículo responde y también da una idea básica de las capacidades del lenguaje HTML.

¿Qué es HTML? Historia del HTML

¿Qué es HTML? HTML es un lenguaje de marcado de hipertexto que se ha generalizado mucho en Internet. El lenguaje HTML determina la estructura de la página que ve en el navegador. Todos los sitios web de Internet utilizan HTML para mostrar información.

HTML define la estructura de las páginas que ves en el navegador gracias a las etiquetas HTML, el navegador las “lee”, las procesa y luego muestra las etiquetas en tu pantalla, pero en forma de elementos HTML, con algunos elementos HTML puedes incluso interactuar con el mouse o el teclado.

Para ser precisos desde un punto de vista formal, sería correcto decir no una página HTML, sino un documento HTML que se comunica con el servidor web a través de correo electrónico, envío y recepción, cuyo cuerpo contiene HTML;

Al igual que HTTP, HTML fue desarrollado en el CERN por Tim Berners-Lee en 1991 y originalmente fue utilizado por científicos para intercambiar documentos científicos. HTML definió claramente la estructura del documento y permitió resaltar algunas características del texto del documento, gracias a esto y a que la sintaxis del lenguaje HTML era simple, se generalizó no solo en la comunidad científica, sino También fue a las masas.

Por el momento, lo más común es encontrar HTML 4.01 en los sitios web; la última versión de HTML es HTML 5, que se muestra correctamente en todos los navegadores modernos. Para cada documento HTML, debe especificar la versión; para ello, existe una etiqueta DOCTYPE especial, que indica la versión HTML.

Naturalmente, no es realista responder en pocas palabras a la pregunta: "¿Qué es HTML?", por lo que mi blog tendrá una sección separada en la que estudiaremos HTML y sus características.

Programas para visualizar documentos HTML. ¿Cómo abrir un archivo HTML?

Ya hemos mencionado que los navegadores se utilizan para ver documentos HTML. Cuando ingresa la URL de un sitio en su navegador, este lo analiza y lo conecta con el servidor. El servidor "entiende" qué documento HTML y en qué forma el navegador "quiere" recibirlo y le envía una respuesta especial que contiene el documento HTML.

Una vez recibido el documento HTML, el navegador comienza a analizarlo. Primero lee el valor de la etiqueta DOCTYPE para determinar qué versión de HTML se está utilizando, luego el navegador analiza las distintas metaetiquetas para determinar cómo mostrar el documento. A continuación, el navegador analiza las etiquetas HTML que son responsables de la estructura y visualización del documento. Después de analizar toda esta información, el navegador genera una página que se muestra al usuario.

Por el momento, se han escrito muchos programas que le permiten ver un documento HTML. Por ejemplo, digamos que los directorios en formato chm también son HTML, pero usan etiquetas HTML especiales. Los navegadores más populares para ver HTML son:

• Google Chrome: navegador de Google;
• Internet Explorer – navegador de Microsoft;
• Mozilla Firefox es un navegador de la empresa Mozilla, que se dedica al desarrollo de Internet;
• Opera es uno de los navegadores más rápidos;
• Safari es un navegador de Apple;
• Yandex Browser es un navegador del motor de búsqueda Yandex.

Hay muchos más navegadores, pero no todos son tan populares como los que mencioné anteriormente.

Normalmente, un documento HTML está en formato .htm o .html. Si su sitio está basado en un CMS, entonces el código de la página HTML se puede generar automáticamente, pero no importa cuán "inteligente" sea el CMS, no es "capaz" de generar por sí solo toda la estructura del documento HTML, y Para algunos sitios, por ejemplo los de una página, no se requiere ningún CMS.

Programas para escribir código HTML. ¿Cómo crear una página HTML?

Podemos ver documentos HTML, pero nadie nos prohíbe crear documentos HTML. Para crear un documento HTML, puede usar editores de texto especiales, de los cuales ahora hay muchos y que tienen diferentes funcionalidades (incluso puede usar un bloc de notas normal). , veamos los editores HTML más populares:

• Notepad++ es un editor gratuito con resaltado de sintaxis y finalización automática;
• Brackets es un editor gratuito de Adobe con muchas funciones;
• SublimeText 3 es un editor pago que acelera significativamente el desarrollo.

También hay muchos editores HTML, tanto muy complejos como muy simples. Aquí revisamos solo los editores más populares y convenientes para crear páginas HTML.

Veamos la pregunta: cómo crear una página HTML. Tenga en cuenta que planeo escribir toda una serie de publicaciones en las que estudiaremos HTML, por lo que propongo organizar nuestros ejemplos y crear una carpeta HTML en la que se almacenarán todos los ejemplos, dentro de la carpeta HTML crear una carpeta Lección 1. Para Cree una página HTML, abra cualquier editor, incluso si es el Bloc de notas y escriba cualquier oración en el formulario de edición, escribiré: "¡Hola, mundo!"

Después de eso, guarde este archivo en la carpeta de la Lección 1 y asígnele el nombre index.html o index.htm.

Tenga en cuenta: puede nombrar los archivos HTML como desee; más adelante descubriremos por qué le damos al archivo el nombre index.

Ahora vaya a la carpeta de la Lección 1 y abra el archivo HTML creado en el navegador, para hacer esto: haga clic derecho en el archivo index.html y seleccione cualquier navegador conveniente. Abriré la página HTML creada en Opera:

Creamos nuestra primera página HTML, o mejor dicho, el primer documento HTML y vimos la página HTML en el navegador.

Observo que este documento HTML es incorrecto o, como dicen los desarrolladores, no válido, nunca vuelva a crear dichos documentos HTML y espero que las entradas posteriores en mi blog le ayuden a aprender HTML y crear documentos HTML correctos o válidos de forma fácil y natural. Lo importante aquí es que aprendimos a crear páginas HTML y nos dimos cuenta de que no es tan difícil.

Características del lenguaje HTML, donde se utiliza HTML.

Ahora hablemos de las capacidades del lenguaje HTML y dónde se utiliza el lenguaje HTML. Tenga en cuenta: ahora veremos las características básicas de HTML 4.01, para no complicar el primer conocimiento de HTML. También notamos que debe considerar las capacidades de HTML 5 solo después de haber estudiado las capacidades básicas, será mucho más simple y claro.

Comencemos a mirar las capacidades de HTML. El objetivo principal del lenguaje HTML es estructurar la información de una página. El lenguaje HTML le permite estructurar la información de varias maneras: crear tablas, varios tipos de listas, párrafos, agregar imágenes a un documento, dividir el documento en partes usando encabezados, crear formularios para interactuar con los usuarios, vincular diferentes documentos HTML con listas.

Aunque la tarea principal de HTML es marcar un documento o crear una estructura, este lenguaje también tiene elementos de diseño, para ello existen etiquetas especiales que permiten resaltar texto, ponerlo en negrita o cursiva, crear un índice o subíndice y mucho más. más, hablaremos de todo esto en detalle. Ahora deberíamos decir que algunas etiquetas HTML se consideran prohibidas debido a su irrelevancia, y el uso de algunas etiquetas se considera de mala educación.

Los atributos HTML se inventaron para diseñar documentos HTML y hacer que las etiquetas HTML sean únicas, pero por el momento nadie usa atributos HTML para diseñar documentos, ya que existen hojas de estilo en cascada o CSS. Hay excepciones, por ejemplo, algunos clientes de correo electrónico no saben cómo trabajar con CSS y se utilizan atributos HTML para diseñar correos electrónicos.

La base y el área de aplicación más extendida de HTML es Internet. Todos los sitios web utilizan HTML para presentar información al usuario en forma gráfica, pero HTML no se limita a Internet; se utiliza muy activamente en el desarrollo de aplicaciones móviles y de escritorio para varios sistemas operativos.

Espero haber dado respuestas claras y sencillas a las preguntas: qué es HTML, para qué sirve HTML, cómo crear una página HTML y las áreas de aplicación de HTML.

Todo el mundo utiliza Internet y navega por diferentes sitios, y probablemente a todo el mundo le gustaría colocar su sitio web en Internet, pero no es fácil de hacer, hay muchas razones para ello. Sin embargo, para poder alojar un sitio web de calidad, sólo necesita conocer los conceptos básicos” programación WEB", que es el lenguaje HTML. En este artículo veremos los elementos principales, etiquetas, atributos e incluso escribiremos la primera página web.

Lenguaje de marcado de hipertexto: "HTML" ( Lenguaje de marcado de hipertexto) Hace tiempo que muchos dejaron de considerarlo simplemente un lenguaje de programación. Dado que el concepto mismo de HTML incluye varios métodos para diseñar documentos de hipertexto, diseño, editores de hipertexto, navegadores y mucho más. Un usuario que domina este idioma adquiere la capacidad de hacer cosas serias utilizando métodos simples y, lo más importante, rápidamente, ¡lo cual se considera muy bueno en el mundo moderno!

En lenguaje HTML puedes crear tus propios productos multimedia y distribuirlos en CD, y todos estos productos, elaborados en forma de conjuntos de páginas HTML, no requieren el desarrollo de software especializado, ya que todo lo necesario para trabajar con datos ( navegadores web) se han convertido en parte del software estándar en la mayoría de las computadoras personales.

• Elemento ( elemento) es una construcción del lenguaje HTML. Este es un objeto que contiene datos y permite formatearlos de una manera específica. Cualquier página web es un conjunto de elementos. Una de las ideas principales del hipertexto es la posibilidad de anidar elementos.
• Etiqueta ( etiqueta) - marcadores de inicio o fin de un elemento. Las etiquetas definen los límites de la acción de los elementos y separan los elementos entre sí. En el texto de una página web, las etiquetas están entre corchetes angulares y la etiqueta final siempre va seguida de una barra diagonal.
• Atributo: un parámetro o propiedad de un elemento. En otras palabras, se trata de una variable que tiene un nombre estándar y a la que se le puede asignar un conjunto específico de valores: estándar o arbitrario. Se espera que los valores de los atributos de caracteres estén entre comillas rectas, pero algunos navegadores permiten omitir las comillas. Esto se debe a que el tipo de atributo siempre se conoce de antemano. Los atributos se encuentran dentro de la etiqueta de inicio y están separados entre sí por espacios.
• Un hipervínculo es un fragmento de texto que apunta a otro archivo u objeto. Los hipervínculos son necesarios para permitir la navegación de un documento a otro.
• Marco ( marco) - este término tiene dos significados. La primera es el área del documento con sus propias barras de desplazamiento. El segundo valor es una imagen en un complejo ( animado) archivo gráfico (similar a una imagen fija de una película). También es posible que en lugar del término “frame” en la literatura especializada y en los productos de software localizados se encuentre el término “frame” o “frame”.
• Un archivo HTML o página HTML es un documento creado en forma de hipertexto basado en el lenguaje HTML. Estos archivos tienen las extensiones htm o html.
• Subprograma ( subprograma) - un programa transferido a la computadora del cliente como un archivo separado y ejecutado al visualizar una página web.
• Guión o guión ( guion) es un programa incluido en una página Web para ampliar sus capacidades.
• Extensión ( extensión) es un elemento que no está incluido en la especificación del lenguaje, pero se utiliza para brindar la capacidad de crear un efecto de formato nuevo e interesante.
• CGI ( Interfaz de Entrada Común) es un nombre general para programas que, ejecutándose en un servidor, le permiten ampliar las capacidades de las páginas web. Por ejemplo, sin estos programas es imposible crear páginas interactivas.
• El código HTML es un documento de hipertexto en su forma original, con todos los elementos y atributos visibles.
• Una página web es un documento (archivo) preparado en formato de hipertexto y publicado en la World Wide Web.
• Sitio web ( sitio) - un conjunto de páginas web ubicadas en un solo lugar e interconectadas.
• Navegador ( navegador) - un programa para ver páginas web.
(): copiar archivos del servidor a la computadora cliente.
• URL( Localizador Uniforme de Recursos) o localizador uniforme de recursos, la dirección de algún objeto en Internet, es decir. Una URL típica para WWW es similar a: http://www.nombre.dominio/nombredearchivo.

Todos los elementos del lenguaje se pueden dividir en tres grupos. El primero incluye elementos que crean la estructura de un documento de hipertexto. El uso de tales elementos es una formalidad necesaria que no puede descuidarse. El segundo grupo incluye elementos que crean efectos de formato. Su uso está dictado por los requisitos específicos del documento, la imaginación y la competencia del desarrollador. El tercer grupo incluye elementos que le permiten administrar el software instalado y ejecutándose en la computadora cliente. A menudo, estos elementos se crean automáticamente cuando un desarrollador utiliza un editor de hipertexto o un programa similar para insertar un objeto en un documento.

Aunque la especificación HTML es un estándar, se están agregando nuevos elementos al lenguaje ( extensiones). Por lo tanto, algunas páginas web son más cómodas de ver utilizando determinados navegadores. Las extensiones las crean únicamente empresas conocidas que desarrollan software para la WWW, y los usuarios comunes pueden mejorar sus páginas web mediante la programación. Los applets le permiten eliminar las limitaciones de HTML y dar cabida a la imaginación del desarrollador.

Versiones HTML

La primera versión de HTML fue desarrollada a principios de los años 90 por Tim BenersLee para uno de los navegadores Mosaic más populares del pasado. Pero en aquel momento ni el navegador ni el propio HTML habían encontrado aún un buen uso. HTML+ apareció en 1993 y esta versión también pasó prácticamente desapercibida. Pero el lenguaje HTML se generalizó gracias a la versión 2.0, que apareció en junio de 1994. Y a partir de ese momento, la popularidad de WWW ha ido aumentando en todo el mundo. Los estándares incluidos en la versión 2 se han consolidado tanto que todavía se utilizan en la actualidad.

La versión HTML 3.0, que apareció aproximadamente un año después, introdujo la capacidad de dibujar símbolos matemáticos ( signos integrales, infinito, fracciones, paréntesis, etc.) utilizando elementos del lenguaje. Pero el desarrollo de este proyecto se ralentizó y no obtuvo mayor difusión.

En 1996 apareció la versión HTML 3.2. Esta fue una solución brillante; basta mencionar que se introdujeron marcos en la especificación del lenguaje, que ahora se han vuelto muy populares entre los desarrolladores de sitios web. Hasta el día de hoy, todos los navegadores admiten esta versión de HTML.

Especificación oficial de HTML 4 ( HTML dinámico) fue desarrollado en 1997. En aquel momento ya era evidente que el futuro desarrollo del hipertexto se llevaría a cabo a través de la programación web. Esto resultó ser mucho más eficaz que introducir nuevos elementos en el lenguaje.

estructura de la página web

A continuación se muestra el código de la página web, que está hecho en HTML, y usando esta página como ejemplo, analizaremos su estructura, pero primero, copie todo el código en un bloc de notas de texto normal y haga clic en "Guardar como" y guarde el archivo con extensión html, es decir . después del nombre write.html

Estructura de un documento web Ir al final del documento Título 1 Título 2 Título 3 Título 4 Título 5 Título 6 El primer enlace se encuentra aquí Debería estar ubicado aquí
Texto principal de la página web.
Y yo, por ejemplo, insertaré aquí.
varios traslados,
Para que puedas
observar claramente
Cómo funciona para usted
enlaces dentro del documento,
De lo contrario, si tienes una resolución grande,
Simplemente no notarás los enlaces que se siguen.

Notación de documentos HTML. Uno de los principios del lenguaje es el anidamiento de elementos en varios niveles. Este elemento es el más externo, ya que toda la página web debe ubicarse entre sus etiquetas de inicio y fin. En teoría, este elemento puede considerarse como una formalidad. Tiene los atributos version, lang y dir, que rara vez se utilizan en este caso, y permite anidar HEAD, BODY FRAMESET y otros elementos que determinan la estructura general de la página web. Naturalmente, todos estos documentos terminan con una etiqueta final.

< head >

El área de título de una página web. Es decir, su primera parte. Al igual que el elemento anterior, HEAD sirve únicamente para formar la estructura general del documento. Este elemento puede tener atributos lang y dir.

< title >

Un elemento para colocar el título de una página web. La línea de texto ubicada dentro de este elemento no se muestra en el documento, sino en la barra de título de la ventana del navegador. Este elemento influye mucho en la promoción en el buscador porque Los motores de búsqueda prestan especial atención a la etiqueta TITLE. Mi consejo: nunca escribas texto muy largo en esta etiqueta ( 65 caracteres son suficientes).

Este elemento contiene información de servicio que no se refleja al visualizar una página web. No hay texto dentro en el sentido habitual, por lo que no hay etiqueta de cierre. Cada elemento META contiene dos atributos principales, el primero de los cuales define el tipo de datos y el segundo define el contenido.

< body >

Este elemento combina hipertexto, que define la propia página web. Esta es la parte visible del documento que desarrolla la página automática y que muestra el navegador. En consecuencia, la etiqueta final de este elemento debe encontrarse al final de la página web. Dentro del elemento BODY, puedes utilizar todos los elementos destinados al diseño de páginas web. Dentro de la etiqueta de inicio del elemento BODY, puedes colocar muchos atributos que sirven para configurar toda la página. Veámoslos en orden.

Uno de los atributos más útiles de esta etiqueta, que tiene un impacto en el diseño de la página, es

background="ruta al archivo de fondo"

Un diseño de fondo más simple se reduce a configurar su color.

bgcolor="#FFFFFF"

El color de fondo se especifica mediante tres números hexadecimales de dos dígitos que determinan la intensidad de los colores rojo, verde y azul (rbg).

Como puedes cambiar el fondo de la página, también puedes cambiar el color del texto. Para ello existe el siguiente atributo

texto="#RRGGBB"

Para establecer el color del texto de los hipervínculos, utilice el siguiente atributo

enlace="#RRGGBB"

También puede especificar un cambio de color para el último hipervínculo seleccionado por el usuario.

Elemento de encabezado. Hay seis niveles de títulos, que se designan de la siguiente manera.
Título
Título
Título
Título
Título
Título

El título de nivel 1 es el más grande y el nivel 6 proporciona el título más pequeño. Para los encabezados, puede utilizar un atributo que especifique la alineación hacia la izquierda, el centro o la derecha:

align="izquierda" align="centro" align="derecha"

Para crear un nuevo párrafo, use la etiqueta

Y para pasar a una nueva línea sin crear un párrafo - etiqueta
es decir, se produce la transferencia. No es necesario cerrar estas etiquetas. Por supuesto, si no usas en la etiqueta

El elemento ALIGN, que puede establecer la alineación del párrafo:

Izquierda

Centrado

Bien

El texto entre estos elementos está alineado en ancho.

Linea horizontal ( regla horizontal) es un elemento muy común. En primer lugar, porque hace que sea muy fácil y cómodo dividir una página en partes. En segundo lugar, porque el autor de la página tiene una selección muy pequeña de dichos elementos de diseño. El elemento no tiene una etiqueta final, pero tiene una serie de atributos para justificación izquierda, central y derecha:

• alinear="izquierda"
• alinear="centro"
• alinear="derecha"
• alinear="justificar"

Un documento HTML puede ser muy engorroso y no muy conveniente para el usuario que necesita moverse rápidamente a la sección deseada del documento. Para hacer esto, puede utilizar el mecanismo de hipervínculo. Para hacer esto, coloque las marcas apropiadas en los lugares correctos del texto.

Texto libre

En este caso, a una línea determinada del documento se le asigna un nombre y, por lo tanto, se puede crear un hipervínculo a otra parte del documento, o incluso a otro documento, que conduzca a esa etiqueta.

Para insertar imágenes ( Fotos) en un documento HTML se utiliza la siguiente etiqueta ( proporciona una descripción completa de los atributos de esta etiqueta):

Liza

(lista) fueron desarrollados en HTML, sin duda influenciados por el éxito de los editores de texto. Una lista se diferencia del texto normal, en primer lugar, en que el usuario no necesita pensar en numerar sus elementos: HTML se encarga de esta tarea. Si la lista se complementa con nuevos elementos o se acorta, la numeración continúa automáticamente. En el caso de listas no numeradas, HTML precede a cada elemento con marcas: círculos, rectángulos, rombos y otras imágenes. Al final, la lista adquiere una forma decente. Hay dos grupos de etiquetas de este tipo: algunas definen la apariencia general de la lista ( y le permite especificar atributos), mientras que otros especifican su estructura interna. Puede utilizar atributos estándar en listas. Hay varios tipos de listas.

La más común es la lista sin numerar ( lista desordenada). Se presenta a continuación:

• Listar elemento 1
• Lista de elementos 2
• Listar elemento 3

El elemento ul es una especie de punto destacado de la lista. Te permite separar una lista de otra. El elemento li representa cada uno de los elementos.

Mesas

Son uno de los medios más necesarios para formatear datos en una página web. La principal ventaja es que el navegador se encarga de dibujar la tabla completa. El tamaño del marco se puede ajustar automáticamente al tamaño de la ventana del navegador y, por supuesto, al tamaño de las líneas de texto e imágenes en las celdas de la tabla. Además de todo lo demás, las tablas le permiten resolver muchos problemas de diseño: alinear partes de una página entre sí, colocar imágenes y texto uno al lado del otro, administrar el diseño del color, etc. Al crear tablas, se aplica el principio de anidamiento: dentro del elemento de la tabla principal (TABLE), se crean una serie de elementos que definen filas (TR), y dentro de estos elementos hay elementos para describir cada celda de la fila (TD, TH).

Para comprender la estructura de una tabla existente o desarrollar una tabla nueva, existe una regla: la secuencia de elementos describe la tabla de arriba a abajo y de derecha a izquierda. Por ejemplo, si un elemento TABLE va seguido de un elemento TR, esto indica que se está definiendo una nueva fila de la tabla. Todo lo que hay detrás de este elemento se colocará en una línea (de derecha a izquierda). Esta podría ser una secuencia de elementos TD ( células), otra mesa y así sucesivamente. Después de que aparece un nuevo elemento TR, comienza la descripción de la siguiente línea, y así sucesivamente hasta el final de la tabla (etiqueta).
La tabla se puede alinear horizontalmente usando el atributo align:

• align="izquierda" - izquierda;
• align="center" - en el centro;
• align="right" - a la derecha.

El ancho de la tabla se puede establecer exactamente en píxeles o como porcentaje del ancho de la página en la ventana del navegador. Por ejemplo: ancho=400 o ancho=50%

Se utilizan dos atributos para controlar la apariencia del marco. El caso es que el navegador crea una imagen del marco, simulando su tridimensionalidad ( convexo) utilizando diferencias en la iluminación de las caras

Escenarios

Casi todos los webmasters quieren que las páginas de su sitio web tengan un aspecto moderno, sean multifuncionales, hermosas y dinámicas. Esto es imposible con las herramientas HTML estándar, por lo que se utilizan diferentes herramientas: subprogramas, objetos, hojas de estilos en cascada, etc. Pero el tipo más popular y extendido ( recepción) es el uso de scripts.

Un script es un código de programa que se incluye en el texto de una página como texto fuente y que el navegador ejecuta cuando se visualiza la página. El script puede estar escrito en JavaScript, desarrollado por Netscape, o en Visual Basic Script ( VBScript), desarrollado por Microsoft.

Esta etiqueta le permite separar el texto del programa de script de otra información de la página. La etiqueta SCRIPT debe incluir un atributo de idioma, que especifica el idioma y puede tomar los siguientes valores:

• javascript: código en JavaScript;
• vbscript: código en lenguaje VBScript.

El atributo tipo también puede indicar el tipo de idioma, aunque no es obligatorio su uso. Para no romper todas las reglas, puedes colocar la siguiente definición dentro del elemento:

tipo="texto/javascript"

Una de las características más interesantes de los scripts es la capacidad de cambiar el contenido de una página como resultado de la ejecución del programa. Pero esto es sólo una característica, no una regla. Usando el atributo defer (que no acepta ningún valor) puede "decirle" al navegador que no se realizarán dichos cambios. En algunos casos, esto permite que la página se cargue más rápido.

De los atributos estándar, puede utilizar el atributo charset.

Etiqueta de guión ( o varios de esos elementos) puede ubicarse dentro del elemento HEAD o dentro del elemento BODY. Si el script está dentro del elemento BODY, también es posible que algún navegador que no admita el elemento SCRIPT perciba el código del programa como texto sin formato y lo muestre en la pantalla. Para evitar que esto suceda, el código del script se ingresa como comentario:

-
-
-

Todos los navegadores modernos reconocen esta técnica e ignoran los caracteres de los comentarios. Si necesita ingresar un comentario en el texto del script, entonces se usa una notación diferente para esto: se ingresan dos barras diagonales // al principio de la línea.
El código del script se ejecuta cuando se carga la página, es decir. cuando su contenido aún sea visible en la pantalla. A continuación se muestra un ejemplo del escenario más simple ( mostrar un mensaje en la ventana).

-
-
-
- Sólo un guión
-
- alerta ("¡Has escrito tu primer guión!")
-
-
-
-

Es una página sencilla, pero incluye un guión de una línea. Al utilizar el método de alerta, se muestra un mensaje antes de cargar. Y se colgará hasta que el usuario haga clic en el botón Aceptar, la descarga no continuará.
Es posible que la página se vea en un navegador que no admita secuencias de comandos; para ello se proporciona el elemento NOSCRIPT. Los programas de visualización modernos ignoran su contenido. Este elemento se puede utilizar de varias maneras. Para empezar, puedes mostrar un anuncio en su interior como el siguiente: “ ¡Su navegador no puede ejecutar el script requerido para ver esta página web!"En segundo lugar, dentro del elemento se puede desarrollar una versión simplificada de la página, sin scripts. En tercer lugar, puede crear un enlace a otro documento HTML. El elemento NOSCRIPT debe tener una etiqueta final.

Entonces analizamos los conceptos básicos de un lenguaje de programación WEB como HTML. Incluso después de leer este breve artículo, ya tienes una idea, e incluso la capacidad de programar en este lenguaje. ¡Buena suerte!

Lección 1

Tema: “Mi primera página de Internet”

¿Qué es HTML? Historia de la creación.

Antes de comenzar, averigüemos qué es HTML y por qué es necesario. HTML (Lenguaje de marcado de hipertexto) está destinado al marcado y diseño de documentos publicados en la World Wide Web (WWW) o, más simplemente, documentos HTML. Bajo el marcado debe entenderse la información de servicio que no se muestra en pantalla, pero que determina la estructura del documento y la apariencia de sus unidades estructurales. Los creadores se aseguraron de que este lenguaje fuera independiente de la plataforma, es decir. podría funcionar en cualquier entorno operativo. Los elementos principales del lenguaje HTML son los descriptores (o etiquetas), operadores cuyos nombres están entre corchetes angulares. Los navegadores de los usuarios finales muestran los documentos marcados con este lenguaje de la misma manera en la mayoría de los casos debido a que "entienden" y procesan correctamente los elementos estructurales del lenguaje HTML. El código fuente es texto formateado mediante descriptores, y estos elementos no son visibles para el visitante de la página web, sino sólo el resultado de su impacto en el documento.

Se considera que el padre de HTML es Tim Berners-Lee, quien propuso transmitir información a Internet en forma de documentos de hipertexto con la posibilidad de visualizarlos a través de un navegador web. HTML fue diseñado para ser un lenguaje universal que todas las computadoras pudieran entender. Un documento HTML es un documento de texto normal con elementos de lenguaje de marcado incluidos. Por lo tanto, puede crear un documento HTML utilizando cualquier editor de texto, como el Bloc de notas.

Una característica del lenguaje HTML es que, de hecho, solo brinda recomendaciones al navegador sobre cómo interpretar tal o cual elemento del lenguaje. Aquellos. El mismo elemento de idioma puede mostrarse de manera diferente en diferentes navegadores. Además, los desarrolladores de navegadores comenzaron a introducir nuevos elementos que sólo eran percibidos por sus navegadores. Así comenzó la llamada “guerra de los navegadores”. Por lo tanto, un desarrollador profesional se enfrenta a una tarea difícil: un sitio web creado profesionalmente debe tener el mismo aspecto cuando se visualiza en diferentes tipos de navegadores. Para hacer esto, necesita "probar" sus documentos durante el proceso de creación. Los navegadores más populares en la actualidad son Internet Explorer, Netscape Navigator, Mozilla, Opera, que se ejecutan bajo el sistema operativo Windows.

Al mismo tiempo, los desarrolladores de HTML se esfuerzan constantemente por lograr una mayor universalidad del lenguaje. Actualmente, la organización internacional sin fines de lucro World Wide Web Consortium (W3C) es responsable del desarrollo de HTML. El consorcio desarrolló tres versiones del lenguaje HTML: HTML3.2 (adoptado en enero de 1997), HTML4.0 (adoptado en diciembre de 1997), XHTML (adoptado en enero de 2002).

La mayoría de las tecnologías modernas de Internet se basan en el lenguaje HTML más utilizado y debatido. Fue diseñado para realizar marcado y diseño de documentos colocados en páginas web. El idioma comenzó a adquirir sus primeras características en 1986. El impulso fue la adopción por parte de la Organización Internacional de Normalización (ISO) del estándar ISO-8879, Lenguaje de marcado generalizado estándar o, en su versión abreviada, SGML. Venía con una descripción que decía que SGML estaba destinado al marcado estructural de texto. Cabe señalar que no hubo descripción de la apariencia del documento.

En base a esto, podemos concluir que SGML no era un sistema para marcar texto y no tenía ninguna lista de elementos estructurales del lenguaje utilizados en determinadas condiciones. El lenguaje implicaba una descripción de la sintaxis para escribir los principales elementos de marcado. Después de un tiempo, recibieron un nombre muy conocido hoy en día: "etiquetas".

Había una clara necesidad de crear un lenguaje que:

• Describió qué elemento es razonable utilizar y en qué casos.
• Contenía una lista de elementos con los que se puede crear un documento legible por diferentes programas.

A pesar de que SGML, al igual que sus aplicaciones similares, no recibió mucho desarrollo, no fue olvidado por completo. En 1991, el Instituto Europeo de Física de Partículas anunció la necesidad de desarrollar un mecanismo que permitiera la transferencia de información de hipertexto a través de la Red Global. Fue SGML el que formó la base del lenguaje futuro: el lenguaje de marcado de hipertexto (HTML).

Etapas de formación.

Unas cuarenta etiquetas contenían HTML versión 1.2. Tampoco hubo descripción de la presentación física de los documentos. Al igual que su progenitor, SGML, se centró principalmente en el marcado lógico y estructural del texto. Sin embargo, varias etiquetas proporcionaron alguna pista de cómo se presentaría físicamente la página.

El consorcio W3C comenzó a desarrollar la versión HTML 2.0. El primer resultado se obtuvo después de un año de intenso trabajo, en 1995. Las capacidades de la versión 3.0 se discutieron casi simultáneamente. Si la segunda versión no se puede considerar significativamente diferente de la primera, entonces la tercera fue un avance absoluto.

HTML 3.0 incluyó nuevas características interesantes:

• Marcar fórmulas matemáticas
• Etiquetas para crear páginas
• Insertar dibujos rodeados de texto
• Notas, etc

Sin embargo, esto no fue suficiente; la necesidad de un diseño visual de las páginas de hipertexto se hizo cada vez más urgente. Luego, el W3C comenzó a crear un sistema independiente que no contradecía los conceptos básicos de HTML, pero permitía describir el diseño visual de los documentos. El resultado fue la aparición de CSS (Cascading Style Sheets), especificaciones de estilo jerárquicas dotadas de una sintaxis, estructura y objetivos únicos.

Pero no nos adelantemos y volvamos al HTML. Una expansión significativa de las etiquetas se produjo a instancias de Netscape Communications, la corporación que lanzó el primer navegador comercial, Netscape Navigator. Las innovaciones perseguían un solo objetivo: mejorar la apariencia del documento, pero al mismo tiempo contradecían por completo los principios originales del lenguaje.

La versión HTML 3.2 se creó en el menor tiempo posible. Estaba dirigido a Microsoft Internet Explorer. Hasta hace poco, esta versión de HTML era el único idioma estándar para . Sin embargo, la dirección se está desarrollando muy activamente; con la ayuda de HTML fue posible ordenar los elementos de marcado de todos los navegadores, pero las capacidades del lenguaje se volvieron insuficientes.

En 2004, se adoptó una nueva versión de HTML: 4.01. Proporciona un excelente rendimiento entre navegadores y plataformas.

¿Por qué se utiliza cada vez más CSS en la actualidad? Porque HTML, a pesar de sus capacidades que se han ampliado significativamente desde su creación, sigue siendo el lenguaje de marcado lógico del hipertexto, es decir. no relacionado con la ejecución del documento. Los estándares modernos de Internet implican la creación de páginas llamativas y memorables, por lo que los webmasters utilizan cada vez más CSS. ¿Es posible poner fin a la historia del HTML? La respuesta a esta pregunta probablemente será positiva, pero el idioma no desaparecerá por completo, porque es la base de muchos otros sistemas.