Conceptos básicos de html para principiantes en un lenguaje claro. Conceptos básicos de HTML para principiantes Programación HTML para principiantes

HTML significa H yper T extensión METRO arkup Lángulo, es decir El lenguaje de marcado de hipertexto es el componente básico de las páginas web y se utiliza para crear y visualizar páginas web.

El lenguaje HTML agrega marcado al texto sin formato. El hipertexto contiene varios enlaces a través de los cuales las páginas web se vinculan entre sí. Con HTML, cualquiera puede crear sitios web tanto estáticos como dinámicos. HTML es un lenguaje que describe la estructura y la semántica del contenido de un documento web. El contenido de la página web está marcado con etiquetas que representan elementos HTML. Ejemplos de tales elementos son , ,

etc. Estos elementos forman los componentes básicos de cualquier sitio web.

HTML fue inventado en 1991 por un científico, Tim Berners-Lee, y originalmente estaba destinado al intercambio de documentos entre científicos de diferentes universidades. Con su invento, Tim Burns-Lee sentó las bases de la Internet moderna.

Hay varias versiones de HTML. El estándar del idioma se actualiza y complementa continuamente, la consecuencia de esto es que se lanza una nueva versión de HTML casi todos los años. La versión "HTML 2.0" fue la primera especificación HTML estándar, que se publicó en 1995. HTML 4.01 es la versión principal de HTML que se publicó a fines de 1999 y se usa ampliamente en la actualidad. Hoy en día, la versión más popular es HTML-5, que es una extensión de HTML 4.01 y se publicó en 2012.

Un documento HTML o una página web es un documento de texto simple que contiene etiquetas (que son texto sin formato encerrado entre corchetes angulares<имя тэга>). Una página web se puede escribir tanto en un editor de texto normal (Bloc de notas, WordPad, Word, etc.) como en uno especializado con resaltado de código (Notepad++, Sublime Text, etc.). Los documentos HTML se almacenan como archivos .htm o .html.

Ejemplos en línea en cada lección

Durante el transcurso de la presentación, cada lección brindará ejemplos que lo ayudarán a comprender cada código en detalle y, a través de la práctica, disfrutar del aprendizaje. Con nuestro editor HTML en línea, puede editar un documento HTML y luego hacer clic en el botón naranja "Ejecutar" del editor sobre la ventana izquierda del editor para ver el resultado. Si usa un editor HTML especializado, puede copiar el ejemplo y ver los resultados de su trabajo en el navegador instalado en su computadora.

ejemplo HTML:

Inténtalo tú mismo


Título de la página

este es el titulo


Este es un párrafo.



Ejemplos de HTML en línea

El Tutorial de HTML tiene más de 100 ejemplos en línea para que domines fácilmente el lenguaje de marcas. ¡Es mejor ver una vez que escuchar cien veces! La teoría más la práctica es la clave de su éxito en el dominio de HTML.

Conceptos básicos de HTML contienen las reglas básicas del lenguaje HTML, una descripción de la estructura de una página HTML, relaciones en la estructura de un documento HTML entre elementos HTML.

Un documento HTML es un documento de texto sin formato, se puede crear de la misma manera que en un editor de texto normal. (Computadora portátil), y en uno especializado, con resaltado de código (Bloc de notas ++, Código de Visual Studio, etc.). Un documento HTML tiene la extensión .html.

Un documento HTML consta de un árbol de elementos HTML y texto. Cada elemento se identifica en el documento de origen mediante una etiqueta de inicio (apertura) y una de finalización (cierre) (con raras excepciones).

etiqueta de inicio muestra dónde comienza, termina el elemento, dónde termina. etiqueta de cierre se forma agregando una barra inclinada / antes del nombre de la etiqueta:<имя тега> … . Entre las etiquetas de inicio y finalización se encuentra el contenido de la etiqueta: contenido.

Las etiquetas individuales no pueden almacenar contenido directamente, se escribe como un valor de atributo, por ejemplo, una etiqueta creará un botón con texto Botón en el interior.

Las etiquetas se pueden anidar unas dentro de otras, por ejemplo,

Texto

. Al invertir, debe seguir el orden de su cierre. (principio de "matryoshka"), por ejemplo, la siguiente entrada sería incorrecta:

Texto

.

Los elementos HTML pueden tener atributos (globales, aplicados a todos los elementos HTML y propios). Los atributos se escriben en la etiqueta de apertura de un elemento y contienen un nombre y un valor especificados en el formato atributo name="value" . Los atributos le permiten cambiar las propiedades y el comportamiento del elemento para el que están configurados.

Cada elemento puede tener múltiples valores de clase y solo un valor de identificación. Los valores de clases múltiples se escriben con un espacio,