› › HTML es un sistema de programación. Resumen: Lenguaje HTML: sistemas de programación html, características del lenguaje e implementación del sistema. Propósito, ejemplos de programación de aplicaciones. Lenguaje HTML. Creación de documentos web

HTML es un sistema de programación. Resumen: Lenguaje HTML: sistemas de programación html, características del lenguaje e implementación del sistema. Propósito, ejemplos de programación de aplicaciones. Lenguaje HTML. Creación de documentos web

HTML (del lenguaje de marcado de hipertexto en inglés - idioma marcado de hipertexto) - lenguaje estándar marcar documentos en Internet. De hecho, es el principal y único lenguaje para construir páginas web que puede acomodar scripts y elementos de otros lenguajes: Java, php, CSS, etc.

Aunque la parte teórica del aprendizaje de este lenguaje se puede aprender en tan solo 2-3 meses, las habilidades prácticas generalmente se desarrollan a lo largo de toda la vida, porque este es uno de los lenguajes de programación más dinámicos y en constante desarrollo, complementación y modernización, lo que obliga el programador web para mejorar sus habilidades.

Cualquier usuario puede saber en tiempo real en qué idioma está escrita una página en Internet: haga clic derecho en un espacio vacío y seleccione "Ver código de página"; los idiomas de la página estarán en la etiqueta

Para comprender HTML 5, es necesario comprender qué es XHTML...

HTML- en forma de lengua HTML es un lenguaje de marcado de páginas web que se utiliza con mayor frecuencia para crear aplicaciones web complejas, pero tiene una sintaxis y una sensibilidad a errores mucho más complejas. Cuando la gente habla de la importancia de la estructura del documento, siempre menciona XHTML, no HTML.

Aprender XHTML no llevará mucho más tiempo que aprender HTML, pero su eficacia en el contexto de la aparición de un nuevo lenguaje, HTML 5, está disminuyendo notablemente.

Cuando los chicos inteligentes que habían estudiado lenguajes de programación web toda su vida se dieron cuenta de que cambiar constantemente entre HTML fácil de ver y XHTML complejo pero correcto era simplemente aburrido, decidieron crear algo universal, algo que contuviera marcado sintáctico de ambos. otros idiomas, sin perder calidad. Así se creó HTML 5, que está oficialmente en desarrollo, pero, de hecho, es un estándar de trabajo (inglés: HTML Living Standard).

Antes de empezar a estudiar algo y dedicar tu tiempo, debes decidir tus objetivos. Si el objetivo es diseñar un par de páginas o crear un sitio web con una tarjeta de presentación, es poco probable que necesite comprar libros de texto: uno o dos meses de arduo trabajo utilizando recursos de Internet para aprender HTML y CSS serán suficientes (Tablas estilos en cascada- idioma para describir la apariencia del documento), y el sitio estará listo.

Si una persona quiere dedicarse a la programación web y aprender las complejidades del diseño manual, dedicará entre 10 y 15 veces más tiempo. Para comprender la sintaxis de todos los lenguajes como SGML, primero deberá estudiar XML (un lenguaje para estructurar documentos web con sintaxis compleja), luego estudiar HTML 5 y, en el camino (ya que estos dos lenguajes son inseparables ) aprendiendo CSS, y al final “rellénelo” todo buen Java.

Mucha gente supone erróneamente que para desarrollar con éxito recursos web es necesario saber 1 o 2 idiomas. Esto está mal. Conocer una cantidad tan pequeña de idiomas hace que un programador web sea "torpe", incapaz de pensar creativamente.

Para tener éxito en la programación web se requiere fuerza de voluntad. Bueno, no estará de más seguir los consejos.

Vale la pena comenzar a estudiar lenguajes de programación con la teoría de estos lenguajes; primero, el futuro "diseñador de diseño" debe comprender el concepto de estos lenguajes, sus funciones, aprender la diferencia entre HTML y XML, etc.

En el proceso de aprendizaje, es necesario utilizar los recursos de los medios: hoy en día existen muchos sitios educativos en los que la información se presenta en una forma digerible y, por lo tanto, aprender un idioma traerá no solo beneficios, sino también placer.

Práctica. Después de estudiar la "base teórica", debe comenzar a practicar inmediatamente: un bloc de notas o un editor. como el bloc de notas++ debe estar abierto en la computadora las 24 horas del día.

Un lenguaje de programación, como el inglés o el francés, no se desarrollará a menos que lo practiques.

HTML es el lenguaje de marcado de hipertexto que hizo de Internet lo que conocemos y amamos. Es gracias a esta maravillosa herramienta que los sitios lucen hermosos y modernos, además de garantizar la facilidad de uso. HTML simplemente organiza los elementos de una página web en un formato fácil de usar. Su trabajo es comparable al que hacen personas como MS Word u OpenOffice. Convierten una masa monótona de letras en un documento que contiene párrafos, texto en negrita, cursiva, tablas e incluso imágenes. El lenguaje HTML hace aproximadamente lo mismo, con la única diferencia de que sus documentos se muestran en un navegador y las capacidades de esta herramienta son mucho más amplias que las de un editor de texto. Las etiquetas se utilizan para marcar. equipos especiales, que describe la estructura de una página web. Están encerrados entre paréntesis angulares.<тег>, para que el navegador pueda distinguirlos del resto del texto. A continuación, cubriremos los conceptos básicos de HTML para principiantes.

editores visuales

Novatos que recién comienzan en el camino aprender HTML, suelen comenzar su trabajo con programas que le permiten crear sitios web sin ningún conocimiento. En ellos puedes simplemente organizar los elementos en la pantalla de la forma en que se mostrarán en el navegador. Parecería que esta es la fuente de la gracia eterna que permite deshacerse de la mayoría de los desarrolladores web. Pero no todo es tan sencillo, ya que los editores visuales tienen muchas deficiencias que imposibilitan su uso en proyectos serios.

Todos estos programas crean muchas etiquetas innecesarias que hacen que la página final sea difícil de manejar y no sea óptima. Por supuesto, en nuestra época. internet de alta velocidad Esto importa menos que antes, pero hay varias razones por las que un sitio web conciso y bien escrito es más práctico que su contraparte creado en un editor visual. Una página web creada con un programa de este tipo no se procesará bien robots de búsqueda, ya que cada kilobyte de código es importante para ellos, y es poco probable que un código engorroso e ilógico con un montón se adapte a sus gustos. Además, los editores a menudo se quedan atrás, se vuelven irrelevantes y no es práctico gastar recursos en su desarrollo, ya que ningún profesional utiliza estos productos. Por lo tanto, cualquiera que quiera trabajar en la industria del desarrollo de sitios web debe conocer los conceptos básicos de HTML.

Etiquetas

Como se mencionó anteriormente, las etiquetas describen la estructura de una página web para el navegador. La mayoría de ellos tienen una etiqueta de apertura y cierre, pero no todos. Por ejemplo, ..., donde en lugar de puntos hay contenido. El primero muestra dónde comienza la etiqueta y el segundo la cierra. Puede haber otros elementos de marcado de página en el interior; se pueden anidar uno dentro del otro como si fueran muñecos nido. Es importante cerrar las etiquetas de manera oportuna para que la página se muestre correctamente.

También hay etiquetas individuales que no es necesario cerrar. En ellos, el contenido se ubica en el interior, tal como se puede escribir para la mayoría de las etiquetas HTML, y establece las propiedades del elemento. Está indicado en la etiqueta de apertura y se parece a esto: atributo="...", donde en lugar de puntos está el valor del atributo. Conocer las etiquetas es lo primero y más paso importante para dominar HTML. Los conceptos básicos de este arte también implican comprender la estructura de una página web.

Estructura del documento

Cada documento HTML tiene una extensión correspondiente, por ejemplo Index.html. De esta forma, el navegador puede comprender con qué está tratando y mostrar la página correctamente. Es recomendable almacenar todos los archivos utilizados para crear un sitio web en un directorio, lo que le hará la vida mucho más fácil en el futuro. Conceptos básicos del lenguaje de marcado hipertexto HTML requieren una comprensión clara de la estructura del documento. Comienza con la etiqueta, que le indica al navegador la versión de HTML que se utiliza en este documento. En en este momento La quinta versión del idioma está actualizada, por lo que no es necesario inventar nada aquí; puede insertar de forma segura la etiqueta anterior al principio de cualquier página;

Luego están las principales estructuras pareadas que conforman el “esqueleto” del sitio. La primera etiqueta en la que están anidadas todas las demás es .... El navegador no reconoce todo lo que esté fuera de él como una página web, por lo que abre el documento y lo cierra. Esta etiqueta es obligatoria para cualquier documento. También contiene varias etiquetas obligatorias más, que se analizarán a continuación.

Cabeza

Dentro de una etiqueta ... contiene información técnica que no aparecerá en la página pero que, no obstante, es una parte importante del documento HTML. En este lugar se sientan las bases del sitio; aquí se selecciona la codificación y se ingresa el nombre de la página. Está contenido dentro etiqueta requerida .... El título se muestra en la parte superior del navegador, donde también se puede colocar un pequeño icono que caracteriza el contenido de la página. Es recomendable indicar inmediatamente la codificación del documento para su correcta visualización. Esto se puede hacer usando la etiqueta . Las metaetiquetas proporcionan información sobre la estructura de la página y normalmente se encuentran dentro del encabezado.

Enlace

Conocer los conceptos básicos de HTML también implica el uso de estilos en cascada o CSS. Establecen las propiedades de los elementos que se mostrarán en la página. Enfoque moderno esta tarea implica la inclusión de características tales como color, altura y ubicación del elemento, en archivo externo para mayor comodidad. Para incluir un archivo css, use la etiqueta . Cuando termine se verá así: , donde href indica la ubicación del archivo y type indica su tipo.

Cuerpo

Es en esta parte del documento HTML donde parte visible páginas. Todo lo que se haga dentro del "cuerpo" será mostrado por el navegador. EN Se utiliza una gran cantidad de etiquetas HTML. Los conceptos básicos son el formato del texto, el trabajo con enlaces y las herramientas básicas para estructurar una página web. Para empezar a trabajar en HTML, sólo necesitas conocer las etiquetas básicas y poder utilizarlas. A continuación se muestran los más populares: