Mientras lee cualquier documento, a menudo vemos una lista de temas o información al lado del documento. Esa información puede contener cualquier contenido importante relacionado con el documento. Proporciona una mejor accesibilidad para los usuarios. Este concepto se puede aplicar a la página web utilizando el HTML
Etiqueta. Esta publicación proporcionará una guía sobre el "Html ".
Cómo agregar información de lado en HTML?
El html " "La etiqueta especifica los componentes del documento que contienen información que está indirectamente relacionada con el contenido principal del documento. Puede contener una lista de temas relacionados con el contenido principal del otro documento.
Ejemplo
Con el propósito de usar la etiqueta aparte en el archivo HTML, agregue un elemento DIV con el nombre de la clase "principal ". Dentro de este div:
A continuación se muestra el código HTML para representar la descripción anterior:
El conocimiento es poder La educación ayuda a una persona de muchas maneras. Ayuda a una persona a tomar mejores decisiones con su conocimiento. Los hechos y la información que puede recordar o aplicar se denomina conocimiento.
El conocimiento es como un pegamento que contiene información y aprendizaje juntos. Entendemos mejor un tema cuando tenemos conocimiento previo al respecto. Es muy importante en la vida de los estudiantes, especialmente en la escuela. Lucharán para comprender el texto si carecen de conocimiento relevante.
El conocimiento hace más que ayudar a los estudiantes a mejorar sus habilidades de pensamiento crítico: también facilita el aprendizaje. El conocimiento no es solo acumulativo, sino que también crece a un ritmo exponencial. Aquellos que tienen una base sólida en conocimiento de hecho les resulta más fácil aprender más: los ricos se enriquecen más.
Ahora, pase a CSS, donde se aplican varias propiedades a los elementos HTML.
Estilo principal Div
.principal Ancho: 90%; relleno: 1px 30px; Font-Family: Verdana, Ginebra, Tahoma, Sans-Serif; tamaño de fuente: 15px; Las propiedades que se aplican al DIV principal en el bloque de código anterior se explican a continuación:
"ancho "La propiedad establece el ancho del DIV principal al 90%. "relleno La propiedad se utiliza para agregar espacio de 1px en la parte superior e inferior y 30 px a la izquierda y a la derecha del contenido. "Familia tipográfica "Especifica la fuente para el Div. "tamaño de fuente "Establece el tamaño de la fuente a 15px. Estilo aparte del elemento
Aparte Ancho: 30%; ROLED-LEFUNDA: 15px; margen izquierda: 15px; Color de fondo: LightGray; Border-izquierda: 5px de gris sólido; flotar derecho; estilo de fuente: cursiva; Aquí:
"pesadilla "La propiedad con un valor de 15px agrega un espacio de 15px a la izquierda del contenido. "margen de pesa "La propiedad establece un espacio de 15 px al lado izquierdo del elemento aparte. "color de fondo "La propiedad se aplica a un color específico al fondo del elemento aparte. "zurra La propiedad ajusta el borde izquierdo que tiene un ancho de 5 px, tipo de línea continua y color de elemento. "flotar "La propiedad establece la posición del elemento a la derecha. "Estilo de fuente "La propiedad con el valor en cursiva establece el estilo de la fuente como cursiva. Al aplicar el código mencionado anteriormente, la información a un lado se mostrará así:
Entonces, hemos aprendido con éxito el HTML Etiqueta con la ayuda de un ejemplo.
Conclusión
En HTML, el " El elemento se utiliza para proporcionar información que esté indirectamente relacionada con el artículo o documento. Luego aplicamos propiedades CSS de acuerdo con nuestros requisitos. Esta publicación ha descrito el HTML elemento con la ayuda de un ejemplo.