Internet se basa en html, un lenguaje de marcado de hipertexto. Por "hipertexto" se entiende texto que incluye enlaces. Fue la simple capacidad de ir de una página a otra, de un sitio a otro lo que transformó la tecnología informática. La simplicidad de html se logra mediante una conveniente herramienta de desarrollo: las etiquetas.
Etiquetas en html
Las etiquetas en html son un medio de formateo semántico (semántico), presentación y comunicación de información. Cualquier etiqueta debe estar ubicada entre los caracteres:. La mayoría de los navegadores existentes comprenden todas las etiquetas html. La organización internacional W3C es responsable de la estandarización y creación de nuevas etiquetas; allí también puede obtener información sobre todas las etiquetas html existentes. Las etiquetas solo pueden funcionar dentro de la etiqueta "principal" de un documento html: HTML. Las etiquetas HEAD y BODY separan la página web en dos partes lógicas. En HEAD, puede influir en el título de la página (que se muestra en la pestaña del navegador), mientras que BODY es "responsable" de todo el contenido semántico de la página.
Etiquetas individuales y emparejadas
Todas las etiquetas html se pueden dividir en etiquetas emparejadas y únicas. Las etiquetas individuales se utilizan solo cuando las etiquetas emparejadas son inútiles. Por ejemplo, BR es una etiqueta única, que es una cadena vacía. Si escribe esta etiqueta en código html, podrá ver la cadena de separación en el navegador. Suele utilizarse para separar un grupo de información de otro.
Las etiquetas emparejadas se utilizan para organizar el contenido. La información de texto, direcciones de archivos, enlaces se colocan entre las etiquetas P (párrafo de texto), IMG (imagen), A (hipervínculo).
Atributos de etiqueta
Algunas etiquetas tienen atributos especiales que afectan el "comportamiento" de un elemento. Algunas de las etiquetas de la especificación html5 moderna permiten prescindir de la programación previamente requerida para tareas comunes.
Por ejemplo, la etiqueta FORM (campo de entrada) tiene un atributo PLACEHOLDER que reemplaza el campo de texto con "información de prueba" con indicaciones. Si un desarrollador web desea que el campo para ingresar el nombre no esté vacío, pero mostraría un nombre de ejemplo, puede establecer el atributo PLACEHOLDER en "Ivanov Ivan". Luego, "Ivanov Ivan" se mostrará en el campo de texto para ingresar el nombre, hasta que el usuario mueva el cursor a este campo. La inscripción desaparecerá y podrá ingresar su nombre.
Vinculación con CSS
Una tecnología relativamente nueva (en comparación con html) para presentar sitios en Internet es CSS. El acrónimo CSS oculta hojas de estilo en cascada. Antes de su aparición, los webmasters solían dividir el sitio en una estructura de tabla lógicamente clara (etiqueta TABLE). Ahora los creadores de sitios tienen la oportunidad de colocar todo lo relacionado con la presentación del sitio (incluida la ubicación de los bloques) en un archivo CSS de estilo especial. Para conectar una hoja de estilo a un documento html, debe especificar la dirección del archivo css en el servidor en la etiqueta de par LINK.