"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Día - HTML y CSS

Día - HTML y CSS

Publicado el 2025-04-12
Navegar:762

html:
HTML Supe para el lenguaje de marcado Hyper Text.
HTML es el lenguaje estándar utilizado para crear páginas web.
Define la estructura de una página web utilizando un sistema de etiquetas o elementos.

css:

CSS significa hojas de estilo en cascada.
Se utiliza para diseñar y formatear el diseño de una página web creada con HTML.
Controla cosas como colores, fuentes, espaciado, posicionamiento y diseño receptivo.
CSS le permite separar la estructura (HTML) del diseño (estilos), lo que hace que el sitio web sea más fácil de mantener y más flexible.

js:
JS significa JavaScript.
Es un lenguaje de programación utilizado para crear efectos dinámicos e interactivos dentro de los navegadores web.
Mientras HTML estructura la página y CSS lo estiliza, JavaScript habilita la interacción con la página y puede modificar el contenido dinámicamente.

html:
HTML es un lenguaje basado en texto que define la estructura y el significado del contenido web.

Day -HTML ans CSS

STAIL ALLO:
En HTML, las etiquetas independientes se refieren a elementos HTML que no requieren una etiqueta de cierre. Estos también a menudo se denominan etiquetas de cierre autocipulante o elementos vacíos.

Ejemplo:



Etiquetas de estructura:
Las etiquetas generalmente vienen en pares: una etiqueta de apertura y una etiqueta de cierre.

Ejemplo:



Elemento:
Los elementos son los bloques de construcción de una página web y representan los diversos tipos de contenido y estructura en el documento.

componentes de un elemento html:

Opening Tag: The starting part of the element that defines the type of content that follows.
    Example:

,

,
, Día - HTML y CSS Content: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements. Example: This is a paragraph. Closing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (/) before the tag name. Example: , ,
Attributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag. Example:>

Example:


    ILUGC



   

Explanation of the HTML Structure:

: Root element of the HTML document.
        : Contains metadata for the page, including the title and styles.
        :Contains the content visible on the page.

    Inside the :
        The  tag gives the webpage its title when viewed in the browser tab.
        The <style> tag contains the internal CSS to style the page.

    Inside the <body>:

        .container:A container div with a class container that holds all the page elements.
            It's styled with a border, height, width, and centered using margin:auto.

        .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group.
            The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding.

        navbar: This seems to be a placeholder for a navigation bar.

        layout: A section for the main content layout, with two subsections:
            mainLayout: Likely for the main content area.
            sideLayout: Likely for a sidebar or additional content.

        footer: Placeholder for the footer section.

</style>

div:
El elemento es un contenedor de nivel de bloque utilizado para agrupar otros elementos juntos y aplicar las propiedades de estilo o diseño para ellos.

Selector de clases:

El selector de clases se usa para seleccionar y diseñar elementos que tengan un atributo de clase específico. Es uno de los selectores más utilizados en CSS. Un selector de clase se define mediante un punto (.) Seguido del nombre de clase.

Sintaxis:

.classname {

}

elemento selector:

El selector de elementos (también conocido como el selector de tipos) se usa para seleccionar y peinar elementos HTML en función de su nombre de etiqueta. Le permite aplicar estilos a todas las instancias de un tipo particular de elemento HTML en el documento.

Sintaxis:

element {

}

margen:

La propiedad de margen en CSS se usa para crear espacio fuera de un elemento.

Sintaxis:

element {
  margin: value;
}

relleno:

La propiedad de relleno en CSS se usa para crear espacio dentro de un elemento, entre el contenido y el borde.

Sintaxis:

element {
  padding: value;
}
Declaración de liberación Este artículo se reproduce en: https://dev.to/lakshmipritha/day-30-html-ans-css-3bmn?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarlo.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3