¡En este artículo, aprenderá a usar HTML para escribir su primer sitio web! El artículo proporcionará ejemplos ilustrativos para una mejor comprensión. Hagamos una reserva de inmediato de que el artículo fue diseñado originalmente para aquellos que recién comienzan a aprender HTML. Además, le prometemos que al final de la lectura de este artículo, tiene la garantía de crear su primer sitio web.
HTML significa HyperText Markup Language, es decir, un lenguaje para organizar texto.
A diferencia de los lenguajes de programación (JavaScript, PHP, etc.) que usan scripts para realizar acciones en los sitios web, el lenguaje de secuenciación (HTML) usa etiquetas para marcar el contenido del sitio web.
Comencemos a aprender HTML desde cero
Así como el inglés se compone de letras A, B, C, etc., HTML se compone de peculiares "letras":,,
etc. Estas peculiares "letras" del lenguaje HTML son llamadas etiquetas por los webmasters.
El siguiente es un ejemplo de una etiqueta HTML.
Etiquetas Crea un subrayado alrededor de los bordes de este texto.
Las etiquetas HTML junto con los estilos de lenguaje CSS le permiten crear sitios web de manera rápida y eficiente.
El lugar de HTML entre otros lenguajes
Como saben, un buen sitio webconstruido en al menos 5 idiomas.
El sitio web moderno está construido en los idiomas:
- HTML (estructura y ordenación).
- CSS (contenido de estilo).
- JavaScript (acciones del navegador).
- PHP (acción del servidor).
- SQL (almacenamiento de datos).
HTML es el principal lenguaje fundamental en el que se basan otros. Por lo tanto, aprender HTML debería ser el primer paso para cualquiera que esté aprendiendo a crear sitios web en la web.
Etiqueta
El lenguaje HTML ha cambiado a lo largo de los años desde su creación. Por el momento, la mayoría de los sitios de Internet se están trasladando a la última versión del lenguaje: HTML5. Pero incluso en HTML5, los fundamentos del lenguaje permanecen sin cambios.
La estructura de una página HTML es como un sándwich. Al igual que un sándwich tiene dos rebanadas de pan, un documento HTML tiene una etiqueta HTML de apertura y cierre.
Estas etiquetas, como el pan en un sándwich, rodean todo el interior.
Etiqueta
A medida que continúe aprendiendo HTML, definitivamente debería familiarizarse con la etiqueta. Directamente dentro de la etiqueta principal se encuentra todo el contenido del sitio, incluida la etiqueta. Esta etiqueta es obligatoria y contiene todas las configuraciones de la página del sitio para la que está escrita. Estas configuraciones no son visibles para los visitantes del sitio, solo los navegadores (Google Chrome, Mozilla Firefox, etc.) las ven.
El bloque de configuración de la página web contiene todos los elementos "no renderizados" que ayudan al navegador a mostrar su sitio correctamente en la web.
Todas las opciones quese puede configurar dentro de la etiqueta, lo veremos, pero un poco más tarde, cuando llegue el momento.
Etiqueta
La etiqueta, como la etiqueta, está dentro de la etiqueta.
Esta etiqueta es necesaria para mostrar en su sitio toda la información que desea mostrar.
Encabezados, párrafos, tablas, imágenes y enlaces son solo una pequeña parte de los elementos que se pueden incluir dentro de la etiqueta.
Estructura básica de un documento HTML:
… …
Tu primer sitio
Ahora sabe que puede crear sitios web utilizando HTML y que para ello se utilizan etiquetas básicas:
- . Describe los límites de una página web.
- . Contiene configuraciones para mostrar una página web en un navegador.
- . Contiene todos los elementos de la página web (imágenes, videos, texto, etc.) que desea mostrar a los visitantes del sitio.
Otras etiquetas como,,, hablaremos pronto.
Sería genial si el lector no solo leyera este artículo, sino que también corriera inmediatamente para perfeccionar sus habilidades. Para perfeccionar sus habilidades HTML, deberá crear su primer sitio web, que servirá como campo de pruebas para sus nuevas habilidades.
Se sabe que los operadores móviles ("MTS", "MegaFon", etc.) nos brindan servicios móviles. Del mismo modo, los servicios de creación y gestión de sitios nos son proporcionados por operadores de hosting. Para crear su sitio web, vaya al sitio de cualquier operador de alojamiento gratuito.
Los proveedores de alojamiento verificados incluyen BEGET oregistro, por ejemplo. Puedes elegir a cualquiera.
Después de un breve registro, después de 24 horas, se creará automáticamente su primer sitio web en Internet, que será visible para todo el mundo, ¡y podrá comenzar a practicar!
Estructura moderna del sitio
Ahora que tiene su sitio, compruebe qué etiquetas contiene una etiqueta y cómo organizan la información en los sitios.
La imagen de arriba es una representación esquemática de la estructura que vino con la última versión del lenguaje HTML - HTML5. Junto con HTML5 llegaron no solo nuevas etiquetas, sino también el significado de crear sitios web. Todas las etiquetas que ves en la imagen están contenidas dentro de la etiqueta principal. Estas etiquetas lo ayudan a "delinear" la estructura de su sitio y le dan significado.
Por ejemplo, dentro de las etiquetas… es conveniente colocar el título del sitio (tags) y la descripción del sitio (tags).
Es conveniente colocar el menú (enlaces) del sitio (etiqueta) dentro de las etiquetas.
Es conveniente colocar cualquier bloque grande de información relacionada en significado dentro de las etiquetas. Pueden ser varios artículos, cada uno de los cuales está "envuelto" en etiquetas, fotos (etiqueta) o tablas (etiquetas
) y más.
Es conveniente colocar dentro de las etiquetas cualquier información que no se ajuste al significado de.
Dentro de las etiquetas, se acostumbra colocar información adicional, como información de contacto, secciones adicionales del sitio, etc.
Así que ahora eres un poco más experto en la composición de los sitios web modernos. Tomemos un ejemplo parala confusión en mi cabeza fue reemplazada por el asombro de la intuición.
Entonces, cuando abra el administrador de archivos en el sitio de su operador de alojamiento y encuentre un documento llamado index.php, siéntase libre de escribir en él, como si fuera desde cero, la estructura de su sitio.
Mi primer sitio web
Título de la página
Descripción de la página
Enlace 1 | Enlace 2 | Enlace 3
Título de algún artículo
Este es un bloque que contiene cualquier información, y con la ayuda de CSS puedes colorear este bloque, y todo el sitio con todo su contenido, de la manera que quieras. © Todos los derechos reservados
¿Recuerdas que dijimos que hay diferentes configuraciones para el sitio? Bueno, aquí está:
- Usando, mostramos a los navegadores que el sitio puede contener caracteres rusos e ingleses (de lo contrario, cuando abra el sitio, verá terribles krakozyabry).
- se utiliza para indicar el nombre de la página, que se mostrará en la pestaña del navegador y en el motor de búsqueda ("Yandex", Google y similares).
Por supuesto, sin el estilo CSS, su sitio se verá tacaño (letras negras sobre un fondo blanco), pero asegúrese de intentar escribir primero su primera página en HTML.
¡Felicitaciones! ¡Acabas de crear tu primera página web en tu propio sitio web! ¡Será más interesante!
