"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Dia - HTML e CSS

Dia - HTML e CSS

Postado em 2025-04-12
Navegar:288

html:
HTML significa linguagem de marcação de texto hiper.
HTML é o idioma padrão usado para criar páginas da web.
Ele define a estrutura de uma página da web usando um sistema de tags ou elementos.

css:

CSS significa folhas de estilo em cascata.
É usado para estilizar e formatar o layout de uma página da web criada com HTML.
Ele controla coisas como cores, fontes, espaçamento, posicionamento e design responsivo.
O CSS permite separar a estrutura (HTML) do design (Styles), facilitando a manutenção do site e mais flexível.

js:
JS significa JavaScript.
É uma linguagem de programação usada para criar efeitos dinâmicos e interativos nos navegadores da Web.
Enquanto o HTML estrutura a página e o CSS a estiliza, o JavaScript permite a interação com a página e pode modificar o conteúdo dinamicamente.

html:
HTML é uma linguagem baseada em texto que define a estrutura e o significado do conteúdo da web.

Day -HTML ans CSS

stand sozinho tags:
No HTML, as tags independentes consultem elementos HTML que não exigem uma tag de fechamento. Estes também são frequentemente chamados de tags de fechamento ou elementos nulos.

Exemplo:



tags da estrutura:
Tags normalmente vêm em pares: uma tag de abertura e uma tag de fechamento.

Exemplo:



Elemento:
Os elementos são os blocos de construção de uma página da web e representam os vários tipos de conteúdo e estrutura no documento.

componentes de um elemento html:

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

,

,
, Dia - HTML e 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:
O elemento é um contêiner de nível de bloco usado para agrupar outros elementos e aplicar propriedades de estilo ou layout a eles.

seletor de classe:

O seletor de classe é usado para selecionar e estilizar elementos que possuem um atributo de classe específico. É um dos seletores mais usados ​​no CSS. Um seletor de classe é definido por um ponto (.) Seguido pelo nome da classe.

Sintaxe:

.classname {

}

seletor de elemento:

O seletor de elemento (também conhecido como seletor de tipo) é usado para selecionar e estilizar elementos HTML com base no nome da tag. Ele permite que você aplique estilos a todas as instâncias de um tipo específico de elemento HTML no documento.

Sintaxe:

element {

}

margem:

A propriedade de margem no CSS é usada para criar espaço fora de um elemento.

Sintaxe:

element {
  margin: value;
}

Padding:

A propriedade de preenchimento no CSS é usada para criar espaço dentro de um elemento, entre o conteúdo e a borda.

Sintaxe:

element {
  padding: value;
}
Declaração de lançamento Este artigo é reproduzido em: https://dev.to/lakshmiprithha/day-30-html-ans-css-3bmn?1 Se houver alguma infração, entre em contato com [email protected] para excluí-lo.
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3