Al aprender cómo crear páginas web de calidad con alta clasificación en los motores de búsqueda, en algún momento necesitará aprender a programar en HTML. Cuando mira por primera vez la codificación, esto puede parecer muy desalentador, pero esta guía le dará a cualquiera lo básico para comprender la estructura de las páginas web.
Para ver la codificación de una página web, se abre una en el bloc de notas de Windows, o en ‘Internet Explorer ‘ir a’ página ‘y luego’ ver fuente ‘.
La página web se puede dividir en 2 partes, la’ cabeza ‘y el’ cuerpo ‘
el’ ‘ La cabeza ‘es la sección superior y el’ cuerpo ‘es la sección inferior. La sección ‘Cabeza’ es toda la codificación entre estas dos etiquetas y. El cuerpo es todo entre estas dos etiquetas y. La sección ‘Head’ básicamente le dice a la computadora cómo mostrar el contenido en la página web, cómo leerlo y de qué se trata la página web. El ‘cuerpo’ es las principales agallas de la página web, el contenido real. Hay otra sección de la que debe tenerse en cuenta de la mendición de su matrícula y esa es la sección de ‘estilo’ que se encuentra dentro de la sección ‘Cabeza’ y se define por las siguientes dos etiquetas. La sección ‘estilo’ define estilos de cualquier cosa en la sección ‘Cuerpo’.
Las etiquetas son la primera etapa de comprensión de la codificación HTML, básicamente toda la codificación se define por una etiqueta. La etiqueta le dice a la computadora qué hacer con una declaración. Por ejemplo, si quisiera escribir una sentencia en una página web, tendría que escribirla entre dos etiquetas de párrafo
y así escribir ‘hola mundo’ en una página web, simplemente tengo que escribir la siguiente declaración: < /P>
Hello World
Las etiquetas del párrafo le dicen a la computadora que ‘Hello World’ debe mostrarse como un párrafo, todo en una página HTML se puede entender examinando las etiquetas que reside dentro. Si quisiera que ‘Hello World’ se muestre en negrita, simplemente agregaría la etiqueta para negrita a ambos lados de ‘Hello World’, pero dentro de las etiquetas de párrafo. Las dos etiquetas para Bold son y por lo que la siguiente declaración escribiría Hello World en negrita.
Hello World <// P>
Como dije anteriormente, la sección ‘Estilo’ define estilos para cualquier cosa en la sección ‘Cuerpo’. Entonces, si quisieras diseñar aún más la declaración ‘Hello World’, podría definir un estilo dentro de la sección ‘Estilo’ y luego usar este estilo en la declaración ‘Hello World’ en la sección ‘Cuerpo’.
Un ejemplo de esto sería la siguiente declaración escrita dentro de la sección ‘estilo’.
style_1 {
Font-Family: “Comic Sans MS”, cursive;
Font-Size: X-Large;
color: #036;
Decoración de texto: subrayado;
}
Esto define el nombre del estilo como ‘style_1’, el tipo de fuente como ‘cómic sans ms’, el tamaño de fuente como ‘x-larga’, el color de texto y subraya el texto también.
Ahora para usar este estilo en la declaración ‘Hello World’ dentro de la sección ‘Cuerpo’, usaría la etiqueta ‘clase’ para decirle a la computadora que desea agregar un estilo a su declaración de Hello World Usando el estilo que ha nombrado ‘style_1’ como así.
hello world
Observe la etiqueta de clase de apertura tiene el nombre de estilo pero el cierre La etiqueta de clase no lo necesita.
Este es el final de Lección 1 , tómese un tiempo para familiarizarse con el concepto de la sección ‘Cabeza’, el ‘estilo ‘Sección y la sección’ Cuerpo ‘. Especialmente cómo la sección de ‘estilo’, las cosas estilos dentro de la sección ‘Cuerpo’ y cómo se usan las etiquetas en todas las declaraciones HTML. Esperemos que ahora comience a ver que la estructura de la página web se vuelva más clara. Una vez que esté satisfecho con estos conceptos, pase a la Lección 2.
