Casi todos los sitios de hoy se crean utilizando sistemas de gestión de contenido: CMS. Pero todavía hay programadores que crean páginas web a mano directamente en el lenguaje de marcado HTML. ¿Quieres convertirte en uno de ellos?
Instrucciones
Paso 1
Utilice un editor de texto de solo texto para editar archivos html. Guarde los resultados en codificación Unicode; entonces no tendrá problemas para colocar letras cirílicas, latinas con diéresis, así como símbolos de símbolos matemáticos y físicos y letras griegas en la misma página al mismo tiempo.
Paso 2
Nombre todos los archivos con la extensión ".html" (sin comillas). En estos nombres solo se pueden utilizar letras latinas, números, guiones bajos y guiones, pero en ningún caso otros signos de puntuación (salvo el punto que separa el nombre y la extensión) y espacios.
Paso 3
Asegúrese de guardar la página de inicio del sitio en un archivo llamado "index.html" (sin comillas). Coloque este archivo en la carpeta raíz de su alojamiento. Es su contenido lo que el visitante del sitio verá al ingresar su URL en la barra de direcciones del navegador sin parámetros adicionales. Coloque el resto de la página y los archivos de imagen en la misma carpeta.
Paso 4
En cada archivo, organice previamente los bloques inicial y final. Organícelos como se muestra en la figura. En la última línea del bloque de control de calidad inicial - el valor hexadecimal del brillo del componente rojo del color de fondo de 00 a FF, ЗЗ - lo mismo para el componente verde, CC - lo mismo para el componente azul.
Paso 5
Coloque el contenido de la página entre los bloques inicial y final.
Paso 6
Recuerde las señales de tráfico con la designación de asentamientos. Si el letrero simplemente tiene un nombre escrito, significa que está ubicado a la entrada del asentamiento con ese nombre. Si el nombre está tachado, el letrero se encuentra a la salida. En una etiqueta, la señal de fracción frente al comando actúa como una línea a través de una señal de tráfico. La acción de la etiqueta de "apertura" finaliza cuando la etiqueta de "cierre" con el mismo comando se encuentra más adelante en el texto.
Paso 7
Para comenzar un párrafo, use la etiqueta que se muestra en la imagen de la izquierda. Para tener una sangría de una línea antes del párrafo, use la etiqueta que se muestra en la figura de la derecha.
Paso 8
Para resaltar el texto en cursiva y negrita, use las etiquetas y sus combinaciones que se muestran en la figura.
Paso 9
Para cambiar el tamaño y el color de la fuente, use el comando que se muestra en la figura anterior, donde los valores CC, ZZ y SS se definen de la misma manera que para el color de fondo, HIGH es la altura de la fuente en puntos. Las etiquetas de color o fuente se pueden omitir si solo cambia el tamaño o solo el color de la fuente. Para cancelar este comando, use la etiqueta que se muestra en la imagen de abajo.
Paso 10
Para insertar en la página una imagen almacenada localmente en la carpeta raíz, use la construcción que se muestra en la figura anterior. Para insertar una imagen almacenada en otro servidor, utilice un diseño ligeramente diferente, como se muestra en la figura siguiente. No inserte imágenes de sitios de terceros sin el consentimiento de los autores. Algunos sitios están protegidos contra este uso de imágenes.
Paso 11
Para insertar en una página un enlace a otra, almacenado localmente en la carpeta raíz, use la estructura que se muestra en la figura anterior. Para vincular a una página ubicada en un sitio de terceros, modifique esta estructura como se muestra en la figura siguiente.
Paso 12
Busque en la web un tutorial sobre el lenguaje de marcado HTML y aprenderá a usar el resto de las etiquetas que hay decenas en ese lenguaje.
