3. Lenguaje de hipertexto HTML

El hipertexto debe comenzar con una palabra y terminar con una palabra. Las palabras entre paréntesis angulares se denominan etiquetas en HTML y descriptores en programación. Casi todas las etiquetas HTML están emparejadas, etc.

Las etiquetas emparejadas resaltan un determinado fragmento del hipertexto: "título", "cuerpo", etc. La primera etiqueta comienza el fragmento y la segunda lo termina. En los descriptores de cierre, el nombre está precedido por un carácter de fracción /.

Estructura general del hipertexto escrito en lenguaje HTML:

hipertexto :: = cuerpo del título

título :: = título

título :: = título

cuerpo :: = texto

De acuerdo con las reglas de HTML, el hipertexto debe tener un "título" y un "cuerpo". Como publicación, el hipertexto puede y debe contener información sobre los autores y los propietarios de los derechos de autor (sitios).

El título del hipertexto debe contener el "título", que los navegadores muestran en la línea superior de la pantalla de la computadora. El título debe expresar la idea principal de la publicación (página). El hipertexto sin título es como un artículo sin título.

El "cuerpo" del hipertexto debe contener textos, tablas, fotografías e ilustraciones. La diferencia entre el hipertexto electrónico y los textos en papel ordinarios es la inclusión de hipervínculos, al hacer clic en ellos se provoca la carga de nuevo hipertexto.

Un ejemplo de un hipertexto y el resultado de su visualización por un navegador en la pantalla de una computadora:

Hipertexto: Resultado:

El resultado del navegador se carga y muestra en la pantalla de la computadora el hipertexto almacenado en el sitio en la dirección indicada en la ventana del navegador. Si el hipertexto es demasiado grande, el navegador muestra los botones de hipertexto a la derecha o en la parte inferior de la pantalla.

Los tamaños de las pantallas de las computadoras tienen el siguiente espectro. El tamaño mínimo de la pantalla es de 640 x 480 píxeles. Además, los tamaños de pantalla estándar son 800 x 600, 1024 x 768 y 1280 x 1024 píxeles. Por lo tanto, puede verse de manera diferente en diferentes pantallas.

Estructura general del hipertexto y su visualización en una pantalla de computadora:

Hipertexto: Resultado:

La parte de texto puede constar de líneas y párrafos con encabezados y sin encabezados, con listas, tablas y menús.

cuerpo de texto

texto :: = encabezado (texto) |

lista (texto) |

tabla (texto) |

Los encabezados en hipertexto tienen el siguiente formato:

encabezado :: =

título

encabezado :: =

título

encabezado :: =

título

donde las etiquetas H2, ..., h6 establecen el tamaño de los encabezados en relación con el cuerpo del texto.

Los párrafos en hipertexto comienzan con un descriptor

hipertexto |

|

Los saltos de línea y los párrafos se indican mediante el identificador ... El final del párrafo p> es opcional, pero es obligatorio cuando se utilizan parámetros en el descriptor de párrafo.

El parámetro principal de los párrafos - alineación - alineación de textos en la pantalla de la computadora. La alineación de los textos la realizan los navegadores automáticamente de acuerdo con el tamaño de la pantalla de la computadora:

alinear = centro-centro de la pantalla:

alinear = izquierda- a la izquierda;

alinear = derecha - a la derecha;

alinear = justificar - pantalla completa.

Para alinear los párrafos, se debe seleccionar un estilo general único, que se debe aplicar a todos en todo el hipertexto del sitio.

Para diseñar el hipertexto, HTML tiene una amplia variedad de fuentes, estilos y recursos. La herramienta de diseño más simple es resaltar palabras para llamar la atención de los lectores del sitio sobre partes individuales del texto.

Para resaltar palabras en hipertexto, puede usar negrita o subrayado con las siguientes etiquetas:

Personajes grandes

negrita

cursiva i>

subrayar

tachado

personajes pequeños

La selección de fuentes en hipertexto está especificada por la etiqueta : fuentes :: = fuente de texto>

Parámetros de fuente: su tamaño y tipo. Los tamaños de fuente se establecen mediante el parámetro size = size.

El tamaño se indica explícitamente de 1 a 6, ya sea en forma de +1 creciente, +2 o decreciente - 1, - 2.

El tipo de fuente lo establece el parámetro

face = fuente

La fuente aquí es una de las fuentes estándar: Times, Courier, etc.

El color de la fuente se establece mediante el parámetro color = color, donde color es el color del fragmento de hipertexto seleccionado. Por ejemplo, resaltando el texto en rojo:

fuente de texto>

Nombres de colores estándar en el idioma НТМL:

rojo - rojo, verde - verde, azul - azul, negro-negro,

blanco - blanco, dorado - dorado, amarillo-amarillo, etc.

Para el diseño de hipertexto, es mejor tomar como muestra un buen libro o revista publicada por una editorial profesional, o un libro electrónico, periódico o sitio web en Internet diseñado profesionalmente.

Un estilo de diseño uniforme es una propiedad importante de cualquier publicación en libros, revistas y sitios web. En el futuro, es mejor adherirse al estándar aceptado y al estilo de diseño durante todo el período de creación y mantenimiento del sitio.

Los fragmentos de hipertexto se pueden colocar en el mismo sitio o en varios sitios o incluso en varios servidores. Los hipervínculos externos indican los nombres de los archivos correspondientes en el sitio web, servidor o en Internet:

Forma general de hipervínculos externos:

donde "dirección" es la dirección del hipertexto dentro del sitio o en otro servidor en Internet.

Ejemplos de hipervínculos externos:

a) dirección del sitio web en Internet:

http: // bak2.nagod.gu

b) dirección de la página en el sitio:

http: // bak2.nagod.gu / inrogl.html.

c) la dirección de la página en la carpeta del sitio;

http: // bak2.nagod.gu / tests / test2.html.

pruebas 2 a>

Con la ayuda del aparato de hipervínculos en los sitios, se organiza la colocación de todos los dibujos, fotografías y otras ilustraciones gráficas. Para ello, todos los archivos con ilustraciones gráficas están pregrabados en el sitio.

Los archivos gráficos generalmente se encuentran en sitios y en una carpeta separada llamada imagen. La carga de ilustraciones en las pantallas de los ordenadores de los usuarios se realiza mediante navegadores con la ayuda de operadores. :

La forma general de operadores para cargar ilustraciones gráficas:

La disposición de las ilustraciones en la pantalla de la computadora se establece mediante los parámetros de alineación: alinear = izquierda - a lo largo del borde izquierdo, alinear = derecha - a lo largo del borde derecho de la pantalla. En este caso, el texto fluye alrededor de la ilustración, respectivamente, hacia la derecha o ciega.

Las ilustraciones se pueden presionar en el borde superior o inferior de la pantalla, que se establece mediante los parámetros: alinear = superior - al borde superior, alinear = inferior - al borde inferior de la pantalla, o alinear en el medio de la pantalla - alinear = medio.

Para colocar las ilustraciones en la pantalla del ordenador, se puede indicar su ancho y alto en el operador de carga:

altura: = altura = "altura"

ancho: = ancho = "largo"

Los tamaños de las ilustraciones se establecen por el número de puntos en la pantalla (en píxeles) o como un porcentaje de la altura o el ancho de la pantalla de la computadora. En este último caso, las ilustraciones tendrán diferentes tamaños en diferentes pantallas. Al calcular la ubicación de las ilustraciones para pantallas de tamaños mínimos, puede estar seguro de su ubicación en pantallas de cualquier otro tamaño.

Los tamaños de las ilustraciones se suelen elegir de forma que sean visibles en su totalidad incluso en pantallas de ordenador con un tamaño mínimo. Si la grúa de la computadora es más grande, las ilustraciones ocuparán solo una parte.

Las listas de hipertexto son listas con numeración o resaltado de elementos de lista. Todos los elementos comienzan con etiquetas

... Las listas numeradas comienzan con la etiqueta

y terminar con la etiqueta

... Las listas no numeradas están delimitadas por etiquetas.

Las listas de hipertexto son una herramienta útil para organizar tablas de contenido en sitios complejos e hipertexto de gran tamaño. Los elementos de dichas listas son las direcciones de las secciones correspondientes de los sitios (capítulos, párrafos de secciones de libros electrónicos y bibliotecas).

Conclusión

HTML es un lenguaje de marcado de hipertexto.

Todos los archivos colocados deben ser de hipertexto, escritos en formato HTML y con identificadores como.html.

HTML es un lenguaje de marcado de hipertexto que se almacena en servidores web y los navegadores lo muestran en las pantallas de las computadoras. El lenguaje HTML define las reglas para describir el hipertexto y mostrarlas en las pantallas de las computadoras mediante los navegadores.

El desarrollo del lenguaje de marcado de hipertexto estuvo influenciado significativamente por dos factores: la investigación de las interfaces de los sistemas de hipertexto y el deseo de proporcionar una manera fácil y rápida de crear una base de datos de hipertexto distribuida en una red.

Reglas básicas para anidar elementos:

Los elementos no deben superponerse;

Los elementos de bloque pueden contener bloques anidados y elementos de texto;

Los elementos de texto pueden contener elementos de texto anidados;

Los elementos de texto no pueden contener elementos de bloque anidados.

Estrictamente hablando, todas las reglas del lenguaje HTML. puede verse únicamente como "deseos". La herramienta utilizada para representar el documento web hará todo lo posible para interpretar el marcado de la manera más razonable. Sin embargo, solo se garantiza el cumplimiento estricto de la especificación del idioma para reproducir un documento correctamente.

Bibliografía

"Informática Económica" / Under. ed. P.V. Konyukhovsky y D.N. Kolesova, San Petersburgo: Peter, 2000, 560.

Kaimin VA, "Informática", libro de texto, 4ª ed. M .:, 2003-285.

"Informática", curso básico, 2ª edición / Sub. ed. S.V. Simonovich, San Petersburgo: 2003, 640s.

El marcado de hipertexto se utiliza para indicar en qué parte de la pantalla y cómo se debe mostrar el texto y cómo se relacionan entre sí los textos que componen la base de datos de hipertexto. Para estos fines, se introducen caracteres de control especiales en el texto. El texto de escape se almacena en un archivo de texto sin formato en códigos ASCII y puede ser procesado por casi cualquier editor de texto.

El lenguaje de marcado de hipertexto HTML fue propuesto por Tim Berners-Lee en 1989. En el momento de la creación de HTML, existía un estándar para el lenguaje de marcado para documentos impresos: SGML (Lenguaje de marcado generalizado estándar), que se tomó como base de HTML. Se asumió que tal solución ayudaría a utilizar el software existente para interpretar el nuevo idioma.

Como elemento de la base de datos de hipertexto para HTML se seleccionó un archivo de texto plano, el cual se almacena mediante el sistema de archivos del entorno operativo.

Así, una base de datos de hipertexto en el concepto WWW es un conjunto de archivos de texto escritos en lenguaje HTML que define:

Formulario de presentación de información (marcado);

La estructura de enlaces entre archivos (enlaces de hipertexto). Este enfoque asume la presencia de un componente más

tecnología - intérprete de idiomas. En la WWW, las funciones del intérprete se dividen entre el servidor de la base de datos de hipertexto y la interfaz de usuario. El servidor, además de acceder a los documentos y procesar los enlaces de hipertexto, también realiza el procesamiento previo de los documentos, mientras que la interfaz de usuario interpreta las construcciones del lenguaje asociadas con la presentación de la información.

En 1990. había una versión cero de HTML 0.

La primera versión (HTML 1.0) tenía como objetivo representar el lenguaje como tal, donde la descripción de sus capacidades era más bien de carácter consultivo.

Los pronósticos son la columna vertebral de cualquier sistema comercial, por lo que los pronósticos bien elaborados pueden enriquecerlo.

La segunda versión (HTML 2.0) corrigió la práctica de usar construcciones de lenguaje y se convirtió en el estándar para construir la WWW.

La versión ++ de HTML ++ introdujo nuevas posibilidades para presentar información científica y tablas, y mejorar el estilo de diseño de texto e imágenes.

La tercera versión (HTML 3.0) agilizó todas las innovaciones y formalizó la interfaz de usuario del sistema distribuido de hipertexto.

En 1996. se lanzó una nueva versión del lenguaje: HTML 3.2, que incluye herramientas para crear tablas, construcciones del lenguaje Java, mapas de imágenes (ubicados en la máquina cliente) y nuevos tipos de formato de texto.

HTML es un lenguaje basado en texto en el que las instrucciones de formato, llamadas etiquetas, están incrustadas en el texto de un documento.

El proceso de creación de un documento HTML consiste en incluir etiquetas dentro de un texto sin formato que conlleva una carga informativa.

Las etiquetas HTML son secuencias de caracteres que comienzan con un signo menor que (<) и заканчивающиеся знаком “больше” (>).

La mayoría de las funciones de formato en HTML especifican estilos lógicos en lugar de físicos. Por ejemplo, las etiquetas de encabezado, que generalmente indican tamaños de letra más grandes, no indican qué tamaño usar. El navegador (que actúa como un programa cliente) elige un tamaño de texto más grande para los títulos. Este enfoque le permite deshacerse de la plataforma: UNIX o Windows pueden utilizar un documento creado en una Macintosh. La desventaja es que el documento se ve diferente en diferentes plataformas.

Los navegadores WWW funcionan de acuerdo con las siguientes reglas al analizar oraciones HTML:

Se ignoran los espacios y otros caracteres "invisibles";

Todas las etiquetas se pueden dividir en grupos: etiquetas base, etiquetas de formato, etiquetas de estructura, punteros, etc.;

Las etiquetas de formato se pueden escribir en minúsculas y / o mayúsculas;

La mayoría de las etiquetas de formato se escriben en pares. Una etiqueta de apertura activa este efecto y una etiqueta de cierre lo desactiva. A veces, un par de etiquetas se denomina contenedor porque el efecto que encienden y apagan aparece en el texto que contienen. Por ejemplo, para indicar que una cadena debe imprimirse en negrita, se escribiría:< B >Esta línea se imprimirá en negrita

El texto dentro de una etiqueta de cierre siempre está precedido por un carácter de barra invertida. Entre las etiquetas HTML básicas, las excepciones a esta regla son:< BASE >(información básica),< BR >(fin de la línea),< HR >(regla horizontal), y< IMG >(imagen). Estas etiquetas existen en una sola copia.

Cada documento HTML tiene etiquetas de borde:< HTML >y... Este par de etiquetas engloba todas las demás etiquetas de la página web y todo el contenido de información del documento. De hecho, declaran que todo el contenido del contenedor es código HTML. Etiqueta< HTML >debe aparecer en la primera línea del archivo, y la etiqueta- en lo ultimo.

Cada documento HTML contiene el título del documento y su cuerpo.

El título del documento identifica el documento. Debería ir justo después de la etiqueta.< HTML >y empezar con< HEAD >... El título termina con una etiqueta..

El título del documento debe contener el título del documento y su URL base.

El nombre del documento se encuentra entre las etiquetas.< TITLE >y... Es utilizado por el navegador y el servidor web. El nombre no debe exceder los 40 caracteres. El título del documento debe ser informativo, reflejar el contenido del documento para que pueda ser identificado. El nombre aparece en la barra de título de Internet Explorer, en las listas del historial y en los favoritos.

La URL base debe estar completamente calificada (absoluta) y contener el protocolo, la dirección de Internet y el nombre del archivo. Está indicado en la etiqueta< BASE HREF = “базовый_URL”>... Todas las demás URL del documento pueden ser relativas a la base. Por ejemplo, si la URL base es: http://www.microsoft.com/products/office/word/datasheets.html y debe especificar la URL de las funciones. html ubicado en el directorio / products / office / excel en el mismo servidor, puede especificar: ../ excel / features. html en lugar de escribir la URL completa.

Símbolos ./ indica que desea subir un nivel de directorio desde la dirección base.

Tener una dirección base hace que sea más fácil transferir un documento a otro servidor, porque si todas las demás URL del documento son relativas, solo es necesario cambiar el nombre del servidor en la URL base durante la transferencia.

Cuerpo del documento contiene todo el texto que contiene información y todas las etiquetas HTML utilizadas para formatear el texto. El cuerpo del documento comienza inmediatamente después del encabezado y está delimitado por etiquetas.< BODY >y.

Ejemplo de documento HTML:

< TITLE >Nombre del documento

< BASE HREF = “базовый_URL” >

Las etiquetas utilizadas en el cuerpo del documento le permiten especificar los siguientes elementos de marcado de texto:

Principio de párrafo y final de línea

Estilos de encabezado

Estilos físicos: estilos lógicos

Símbolos especiales.

Enlaces de hipertexto constan de dos partes: un puntero y una URL. Un puntero es texto en el que el usuario debe hacer clic para moverse a algún lugar. La URL especifica la dirección desde la cual el navegador descargará el documento cuando el usuario haga clic en el puntero.

Los punteros de texto en los navegadores gráficos suelen estar subrayados y resaltados en color. En los navegadores de texto puro, están en negrita.

Cualquier texto se puede utilizar como índice, independientemente de su tamaño y características de formato. Un índice puede estar compuesto por varias letras, palabras o incluso líneas de texto.

Formato de puntero:

< A HREF = “ URL ”>índice de texto ,

¿Dónde está la letra A en la etiqueta?< A HREF >significa ancla y HREF significa referencia de hipertexto. Todo entre etiquetas< A HREF = “ URL ”>yes el texto de índice que se muestra subrayado o en negrita.

Se pueden utilizar otros códigos de formato junto con punteros de hipertexto. Por ejemplo:

< A HREF = “ URL ”> < I > o

< I > < A HREF = “ URL ”>Pasando a una presentación más detallada

SGML(Lenguaje de marcado generalizado estándar en inglés: un lenguaje de marcado generalizado estándar; pronunciado [es-ji-em-el]) es un metalenguaje en el que puede definir un lenguaje de marcado para documentos. SGML es el sucesor del lenguaje de marcado generalizado (GML) de IBM de 1969 y no debe confundirse con el lenguaje de marcado geográfico desarrollado por Open GIS Consortium.

SGML se diseñó originalmente para compartir documentos legibles por máquina en grandes proyectos gubernamentales y aeroespaciales. Se usó ampliamente en la impresión y la publicación, pero su complejidad hizo que fuera difícil de adoptar ampliamente para el uso diario.

Las partes principales de un documento SGML son:

Declaración SGML: define qué caracteres y delimitadores pueden aparecer en la aplicación;

Definición de tipo de documento: define la sintaxis de las construcciones de marcado. El DTD puede incluir definiciones adicionales como enlaces mnemónicos simbólicos;

La especificación semántica, que se refiere al marcado, también proporciona restricciones de sintaxis que no se pueden expresar dentro de una DTD;

El contenido de un documento SGML, al menos debe ser un elemento raíz.

SGML proporciona muchas opciones de marcado sintáctico para su uso por diversas aplicaciones. Modificando la declaración SGML, incluso puede eliminar el uso de corchetes angulares, aunque esta sintaxis se considera estándar, la llamada sintaxis de referencia concreta.

Ejemplo de sintaxis SGML:

típicamente algo como esta

SGML está estandarizado por ISO: "ISO 8879: 1986 Procesamiento de información-Sistemas de oficina y de texto-Lenguaje de marcado generalizado estándar (SGML)"

HTML y XML se derivan de SGML. HTML es una aplicación SGML y XML es un subconjunto de SGML diseñado para simplificar el análisis automático de un documento. Otras aplicaciones SGML son SGML Docbook (documentación) y "Formato Z" (tipografía y documentación).

XML- El Extensible Markup Language, es decir, el Extensible Markup Language, surgió como resultado del desarrollo del lenguaje HTML (HyperText Markup Language). Sin embargo, sería un grave error pensar en él como una versión mejorada del lenguaje HTML. Esencialmente, XML es la próxima generación de lenguajes de marcado. Hay 3 puntos a tener en cuenta que distinguen fundamentalmente XML de HTML y sus predecesores (GML - Generalized Markup Language, SGML - Standard General Markup Language):

XML, a diferencia de HTML, NO TIENE ETIQUETAS DEFINIDAS; más precisamente, cada desarrollador puede crear PROPIAS etiquetas XML, tantas como sea necesario. El número de estas etiquetas es prácticamente ilimitado. Por tanto, XML es un metalenguaje que le permite crear otros lenguajes de marcado como HTML.

A medida que se desarrolló el lenguaje HTML, el número de etiquetas aumentó rápidamente. Con el tiempo, su número alcanzó un "valor crítico" - se hizo difícil para los desarrolladores de documentos web memorizar más y más etiquetas, pero los desarrolladores de navegadores se encontraron en una posición aún peor - tuvieron que crear nuevas versiones de navegadores que "entendieran" las nuevas etiquetas. Los navegadores más inteligentes son cada vez más grandes, lo que exige cada vez más las computadoras en las que se utilizan. El asunto se ve agravado por el hecho de que en los últimos años, los dispositivos de bolsillo se han vuelto cada vez más populares (en particular, se utilizan cada vez más en el comercio electrónico), con una cantidad de memoria limitada y pantallas "débiles", y por tanto los navegadores utilizados en ellos tienen oportunidades muy limitadas. XML, que no tiene un sistema de etiquetado predefinido, resuelve este problema. El "precio" de la versatilidad es el mayor rigor en el diseño de documentos web. Las reglas para formatear documentos XML son simples:

No se permiten etiquetas de contenedor sin cerrar (pero puede combinar etiquetas de apertura y cierre en una, por ejemplo:
)

Los contenedores "anidados" no pueden "superponerse"

las letras minúsculas y mayúsculas se perciben como caracteres diferentes

las palabras clave no se pueden utilizar como nombres de etiquetas

los espacios, los signos de puntuación, los paréntesis, los corchetes y las llaves no se pueden utilizar en los nombres de las etiquetas

El guión bajo (_) y los números pueden aparecer en los nombres de las etiquetas, pero un número no puede ser el primer carácter de un nombre de etiqueta.

(Si necesita usar varias palabras como nombre de etiqueta, deben escribirse juntas, comenzando cada palabra con una letra mayúscula).

Los documentos que cumplen con estas reglas se denominan documentos bien formados.

XML sirve para DESCRIBIR LA ESTRUCTURA DE DATOS, principalmente ESTRUCTURAS JERÁRQUICAS.

Una de las principales tendencias en el desarrollo de tecnologías web es la SEPARACIÓN DE DATOS, LA ESTRUCTURA DEL DOCUMENTO Y SU ESTILO DE DISEÑO. Como sabe, una de las formas de aislar los datos de la estructura del documento es vincular dinámicamente el DBMS con documentos web a través de la interfaz ODBC (Open DataBase Connectivity). El aislamiento de estilos se logra mediante el uso de hojas de estilo en cascada. XML le permite describir bases de datos no relacionales. Dado que el desarrollador puede crear las etiquetas, sus nombres suelen caracterizar el significado de los datos.

XML, como un medio para describir la estructura de datos, proporciona INTERCAMBIO DE DATOS entre diferentes aplicaciones, actuando así como una especie de "pegamento".

No se puede exagerar el valor de esta función XML de "puente". Gracias a la capacidad de intercambiar datos entre varias aplicaciones, las tecnologías web "van" a un nivel cualitativamente nuevo.

Lenguaje de marcado de hipertexto (HTML) es un sistema simple para crear documentos de hipertexto que son portables de una plataforma a otra. Básicamente, los documentos HTML son documentos SGML con semántica común que son adecuados para representar información en una amplia variedad de aplicaciones. HTML se puede utilizar para representar:

Noticias de hipertexto, correo, documentación e hipermedia

Menú de opciones

Resultados de la consulta de la base de datos

Documentos sencillos con gráficos incrustados

Y también, para la visualización de hipertexto de matrices de información existentes.

El proyecto World Wide Web (WWW) reúne información esparcida por todo el mundo. Para hacer esto, la WWW utiliza el Protocolo de transferencia de hipertexto de Internet (HTTP), el Protocolo de transferencia de hipertexto, que le permite establecer acuerdos sobre cómo se presentan los datos en la interacción entre el cliente y el servidor.

Los datos se transmiten en el cuerpo del mensaje de acuerdo con el estándar MIME. HTML es una de las representaciones de información en la WWW. Se supone que HTML coincide con uno de los tipos MIME, a saber, texto / html. Además, HTML es un desarrollo que cumple con la Norma Internacional ISO 8879 - Lenguaje de marcado generalizado estándar (SGML), que es un sistema para definir tipos de documentos estructurados.

Documento HTML

Un documento HTML es similar a un archivo de texto, excepto que algunos caracteres (cadenas) son caracteres de control. Estos símbolos se denominan etiquetas y definen la estructura del documento.

Los documentos HTML deben comenzar con una etiqueta al principio del archivo y finaliza con la etiqueta... Entre estas etiquetas, el documento HTML se organiza como HEAD y BODY del documento, como un mensaje de correo electrónico. Dentro de la parte HEAD, se indican el TÍTULO y otra información sobre el documento en su conjunto. Dentro de la parte BODY, utilizando etiquetas HTML, el texto se estructura en párrafos, listas, etc. con la capacidad de diseñar palabras individuales y oraciones completas y crear enlaces a partes de este y documentos externos. Técnicamente, se pueden omitir las etiquetas de apertura y cierre de los elementos HTML, HEAD y BODY. Sin embargo, esto no se recomienda, ya que la estructura HEAD / BODY permite que las aplicaciones definan características de los documentos (por ejemplo, el título) sin mirar el documento completo.

Estructura de elementos HTML

En un documento HTML, las etiquetas definen el principio y el final de los encabezados, párrafos, listas, resaltado de caracteres y enlaces. La mayoría de los elementos HTML en un documento se definen como una etiqueta de apertura, que especifica el nombre y los atributos del elemento, seguido del cuerpo del elemento, seguido de una etiqueta de cierre. Los caracteres delimitadores de la etiqueta de inicio son "<" и ">"; para el cierre -"". Por ejemplo:

Este es el encabezado

Este es un párrafo.

Algunos elementos solo aparecen como una etiqueta de inicio. Por ejemplo, para crear una línea de separación, use la etiqueta
... Además, se pueden omitir las etiquetas de cierre para algunos elementos (P, LI, DT, DD). El cuerpo de un elemento es una secuencia de caracteres y elementos anidados. Algunos elementos, como los elementos que definen enlaces, no se pueden anidar entre sí. Al mismo tiempo, los elementos que definen los enlaces y el resaltado de personajes se pueden colocar dentro de otras estructuras.

Visualización de documentos

La visualización específica del documento puede variar de un cliente a otro. Las etiquetas HTML solo definen el estilo de visualización general del documento. Lo que significa, por ejemplo, que HTML trata el encabezado del primer nivel solo como el encabezado del primer nivel, pero no especifica que el encabezado del primer nivel debe aparecer en fuente Times tamaño 24 en el centro de la parte superior de la página. La ventaja de este enfoque es que si el usuario decide cambiar el encabezado del primer nivel al tamaño de fuente Helvetica 20 alineado a la izquierda, todo lo que tiene que hacer es cambiar la definición del encabezado del primer nivel en su visor WWW. Así, la presentación específica del documento en la pantalla del monitor viene determinada por el usuario de un cliente específico.

La principal fortaleza de HTML radica en su capacidad para asociar regiones de texto (así como imágenes) con otros documentos. Los espectadores resaltan estas áreas (generalmente con color y / o subrayado) para indicar que se trata de enlaces de hipertexto. Anchor es un fragmento de texto que marca el principio y / o el final de un enlace de hipertexto. El texto entre las etiquetas de apertura y cierre es el punto de partida o destino del enlace de hipertexto. Los atributos de esta etiqueta son los siguientes: HREF

Opcional. Si el atributo HREF está presente, Anchor es texto sensible: el punto de partida del enlace. Si el lector selecciona este texto, se le presentará otro documento, cuya dirección de red se especificó en el valor del atributo HREF. El formato de la dirección de red es el mismo que el de la URL. Esto permite que la estructura HREF = "# identifier" se refiera a un ancla diferente en el documento actual, o en un documento eliminado al anteponer su dirección con el signo "#".

Opcional. Si está presente, permite que el ancla se utilice como destino del enlace. El valor del atributo es el identificador de anclaje "a. Se puede utilizar una cadena de texto sin formato como valor del identificador, excepto que todos esos identificadores deben ser únicos dentro del mismo documento.

Opcional. Le permite especificar la relación entre el documento desde el que se creó el vínculo y el documento al que se realizó el vínculo.

HTML es un lenguaje para describir la estructura de páginas web. Las páginas creadas con él solo se pueden ver con la ayuda de programas especiales (navegadores) instalados en las computadoras de los usuarios.

• La abreviatura HTML significa H yper T ext METRO Arkup L anguage (lenguaje de marcado de hipertexto).
• Recuerde, no es un lenguaje de programación, es un lenguaje de marcado.
• Usos de HTML etiquetas marcado para describir la estructura de la página web.

Etiquetas

Las etiquetas HTML son palabras clave o caracteres entre paréntesis angulares, por ejemplo ,

,

etc. Hay dos tipos de etiquetas: emparejado y único(también se les llama vacíos). Las etiquetas emparejadas constan de una etiqueta inicial y final, por ejemplo :. La "/" después del corchete angular indica que la etiqueta se está cerrando. Las etiquetas individuales solo constan de una etiqueta de inicio, por ejemplo:
... Las etiquetas no distinguen entre mayúsculas y minúsculas, por lo que se pueden escribir tanto en mayúsculas como en minúsculas:

Significa lo mismo que

Las etiquetas definen dónde comienza y termina el elemento HTML.

Con la ayuda de etiquetas, el navegador reconoce la estructura y el significado de su texto, por ejemplo, le dicen al navegador qué parte del texto es un encabezado, dónde comienza un nuevo párrafo, qué subrayar y dónde colocar la imagen (imagen ). Después de recibir esta información, el navegador utiliza sus reglas predeterminadas integradas sobre cómo mostrar cada uno de estos elementos.

Nota: En nuestra referencia HTML, puede ver los estilos predeterminados para cualquier etiqueta que le interese.

Sin usar etiquetas HTML, el navegador mostrará solo un flujo de texto sólido, sin sangrías, encabezados, párrafos, etc. Para hacerlo más claro, echemos un vistazo más de cerca a los ejemplos.

Así es como se ve una página usando etiquetas para el marcado:

Bebidas en nuestro café

Multifruta - 100 frotar.

Bebida afrutada que contiene zumos de naranja y piña.

Batido - 150r.

Helado cremoso mezclado con pulpa de frutas.

Lo mismo, pero sin usar etiquetas:

Bebidas en nuestro café Multifruit - 100 rublos. Bebida afrutada que contiene zumos de naranja y piña. Batido - 150r. Helado cremoso mezclado con pulpa de frutas.

I... Información básica sobreHTML.

En los últimos años, la evolución de Internet ha pasado de páginas estáticas a sistemas de información dinámicos. No hace mucho, la construcción de páginas web modernas requería poco más que un dominio del lenguaje de marcado de hipertexto (HTML).

HTMLes un lenguaje de procesamiento de texto simple; en este idioma usando un conjunto de etiquetas (etiquetas) se crea un documento que se puede ver con un visor especialWeb (navegador).

HTML no es un lenguaje de programación como C ++ o Visual Basic; se parece más a un formateador de documentos que utiliza secuencias de escape. La codificación HTML a menudo se compara con la creación de un documento de Microsoft Word escribiendo códigos de formato directamente en el Bloc de notas. Obviamente, la funcionalidad de esto es extremadamente pequeña.

Bajo documento de hipertexto comprender un documento que contiene enlaces a otro documento. Implementé todo esto a través de protocolo de transferencia de hipertexto HTTP(Protocolo de Transferencia de Hipertexto).

La información de los documentos web se puede encontrar mediante palabras clave. Esto significa que cada navegador web contiene enlaces específicos a través de los cuales se forman hipervínculos que permiten a millones de usuarios de Internet buscar información en todo el mundo.

Los documentos de hipertexto se crean sobre la base de HTML (lenguaje de marcado de hipertexto). Este lenguaje es muy simple, sus códigos de control, que, de hecho, son compilados por el navegador para mostrarlos en la pantalla, consisten en texto ASCII. Los enlaces, listas, encabezados, imágenes y formularios se denominan Elementos HTML.

Hay toneladas de editores de páginas web hoy en día que no requieren que conozca los conceptos básicos de HTML. Pero para poder preparar de forma profesional documentos de hipertexto, es necesario conocer su estructura interna, es decir, el código del documento HTML.

HTML le permite generar diversa información de hipertexto basada en documentos estructurados.

El navegador detecta los enlaces generados y, a través del Protocolo de transferencia de hipertexto HTTP, pone su documento a disposición de otros usuarios de Internet. Por supuesto, para la implementación exitosa de todo esto, se requiere un software que sea totalmente compatible con la WWW y soporte HTML.

II. Descripción HTML

Documento HTML - este es un archivo de texto normal... Con cualquier navegador web, puede ver el resultado de su trabajo simplemente cargando un archivo de texto generado a partir de la sintaxis HTML.

El lenguaje de hipertexto proporciona información de solo lectura... Esto significa que las páginas web solo pueden ser editadas por la persona que las creó y no por el usuario medio de la web.

Más el elemento principal del lenguaje de hipertexto- eso Enlaces... En la red mundial, simplemente haga clic en un enlace y se encontrará instantáneamente en otra parte del mundo en la página que elija.

Etiquetas.

Etiqueta- unidad con estilo de código HTML.

Etiqueta HTML consta de los siguientes elementos, uno tras otro en un orden específico:

• corchete de ángulo izquierdo< (такого же, как "меньше чем" символа)
• una barra inclinada opcional /, lo que significa que la etiqueta es una etiqueta de cierre que cierra alguna estructura... Por lo tanto, en este contexto, puede leer el carácter / como el fin...
• nombre de etiqueta como TITLE o PRE
• opcional, incluso si la etiqueta puede tenerlos, atributos... La etiqueta puede estar sin atributos o acompañada de uno o más atributos, por ejemplo: ALIGN = CENTER
• el corchete de ángulo recto> (igual que el carácter mayor que).

La mayoría de las etiquetas tienen elemento de apertura<> y cubierta. Entre ellos y son codigos que su navegador web reconoce

En tales casos, las dos etiquetas y la parte del documento separada por ellas forman un bloque llamado Elemento HTML... Algunas etiquetas como

---

, son elementos HTML en sí mismos y la etiqueta de cierre correspondiente es incorrecta para ellos.

Para cada etiqueta, un conjunto de posibles atributos... La mayoría de las etiquetas permiten uno o más atributos, pero es posible que no haya ningún atributo. Especificación de atributo consta de ordenados en el siguiente orden:

• nombre de atributo, por ejemplo WIDTH
• signo igual (=)
• un valor de atributo que se especifica mediante una cadena de caracteres, como "80".

Siempre servicial encierre el valor del atributo entre comillas utilizando comillas simples ("80") o comillas dobles ("80"). Una cadena entre comillas no debe contener las mismas comillas en su interior... Por lo tanto, si la fecha está entre comillas dobles, utilice comillas simples para las comillas posteriores y viceversa. También puede omitir las comillas para los valores de atributo que constan solo de los siguientes caracteres:

• caracteres del alfabeto inglés (A - Z, a - z)
• dígitos (0 - 9)
• intervalos de tiempo
• guiones (-)