aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Sáb Set 18, 2021 3:12 pm

. O que é HTML? - HTML(HyperText Markup Language(Linguagem de Marcação de HiperTexto)), é a estrutura do site, o corpo. É nele que todas as informações sobre o site são colocadas, para a interpretação do navegador. No HTML temos diversas formas de construir nosso site, existem diversos atributos, diversas tags, diversas formas de formatação de texto, dentre muitas outras formas que o HTML nos fornece para a contrução do site ou website.

. O que é CSS? - CSS(Cascading Style Sheets (Folha de Estilo em Cascata)), é um mecanismo para se estilizar o corpo do HTML, estilizando textos, tamanhos, fundos, cores, espaçamentos e muitos outros. O CSS, pode ser aplicado diretamente no HTML, nas tags, ou dentro da tag "<style>". Também é possivel, não só dentro do HTML, quanto na criação de um documento, ex: style.css, é o ideal ao se criar o site, pois tudo fica em seu devido lugar e fácil de se achar ao fazer uma edição.

Tags & Atributos: class, id, style, lang, title, alt, hidden, align, width, height e muitas outras que podem ser utilizadas para adicionar, editar ou alterar.

Estrutura básica do HTML:

<html> 
<head>
<title>Meu Website</title>
</head>
<body>
<div>
<h1>Olá Mundo</h1>
</div>
</body>
</html>

Estrutura básica do CSS:

/*Início da Estrutura*/
.div{/*Aqui estamos chamando, estilizando todos os elementos que estão dentro da "div"*/
color: red;/*Aqui estamos aplicando a cor vermelha em todos os elementos que estão dentro da "div"*/
font-size: 24px;/*Aqui estamos aplicando o tamanho da fonte em 24 pixels em todos os elementos que estão dentro da "div"*/
background-color: blue; /*Aqui estamos aplicando um fundo azul em todos os elementos que estão dentro da "div"*/
}
/*Fim da estrutura do css*/

Importando CSS no HTML:

É só adicionarmos ao nosso HTML:

<link href="style.css" rel="stylesheet" />

E assim ficará após a aplicação:

<html> 
<head>
<title>Meu Website</title>
<link href="style.css" rel="stylesheet" /> 
</head>
<body>
<div>
<h1>Olá Mundo</h1>
</div>
</body>
</html>

E assim ficará após a aplicação:

<html> 
<head>
<title>Meu Website</title>
<link href="style.css" rel="stylesheet" /> 
</head>
<body>
<div>
<h1>Olá Mundo</h1>
</div>
</body>
</html>

Recomendações:

- Usem um bom editor de códigos para seus projetos. Indico a usar o VS Code, um ótimo editor de códigos.

- Estude as documentações da liguagem, e alguns projetos que tem pela internet! Lembre-se, não grave os códigos, entenda-os!

Esse foi o básico, do básico mesmo de HTML, pretendo trazer mais para esta área. Espero que tenham gostado. E muito obrigado por ter tirado um tempo para ler meu tutorial.

Críticas são sempre bem-vindas. Very Happy

- By Jarv