5
(1)
5
(1)

Mesmo se você for iniciante no meio da programação provavelmente já deve ter ouvido falar sobre HTML. O HTML é uma linguagem muito fácil de se aprender e em pouco tempo você já poderá criar um website com facilidade. Com um pouquinho mais de tempo e dedicação, você poderá estilizar suas páginas utilizando o CSS, conseguindo um resultado mais profissional.

O HTML e o CSS são utilizados para criar páginas web e atuam de forma complementar. Neste artigo você poderá conhecer mais sobre eles e como iniciar seus estudos, principalmente se você está dando os primeiros passos nessa área.

O que é HTML?

O HTML é a linguagem base para se desenvolver qualquer site. É uma linguagem baseada em marcação, onde marcamos os elementos para definir quais informações a página vai exibir. A linguagem HTML foi criada na década de 1990 e suas especificações são controladas pela W3C (World Wide Web Consortium).

O que é CSS?

O CSS é uma linguagem de folha de estilo composta por “camadas”, criado com o propósito de estilizar as páginas HTML, ou seja, definir a aparência das páginas, para deixá-las visualmente mais bonitas e agradáveis, podendo alterar a fonte, cor, posicionamento dos elementos, layout e muito mais.

Uma das maiores vantagens de se utilizar o CSS é que ele efetua a separação entre o formato da página e o conteúdo de um documento, proporcionando assim uma maior flexibilidade e controle de como as características serão exibidas, além de reduzir a duplicação no conteúdo estrutural de uma página.

Quem usa HTML e CSS?

Todos os sites utilizam HTML e CSS de uma forma ou de outra. Você se lembra da época do Orkut quando enviávamos recados e depoimentos? Nessa época gostávamos de deixar eles mais bonitinhos… Com fontes, cores, diferentes tamanhos, negrito, itálico, e mais uma infinidade de tags que podiam ser utilizadas… Sim, aquilo era HTML.

Sintaxe do HTML

A sintaxe do HTML foi criada para ser de fácil entendimento tanto para nós quanto para a máquina, além disso você não precisa de nada mais do que um editor simples. Como vimos, HTML é uma linguagem de marcação.

Essas marcações são chamadas de tags, que são abertas e depois fechadas. É com as tags que dizemos para o navegador o que é um título, parágrafo, botão, formulário, dentre outros.

Primeiramente vamos ver como é a estrutura básica do HTML:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <title>Título da página</title>
</head>
<body>
    Seu código aqui
</body>
</html>

Essa é a estrutura que sempre será utilizada. Se quisermos exibir na página o nosso clássico “Hello World”, temos que escrever o texto dentro de um parágrafo e colocá-lo dentro da tag “body”.

<body>
    <p>Hello World</p>
</body>

Para criar um texto com link, você pode definir a url que será acessada ao clicar, através do atributo href:

<body>
    <a href="https://www.canaldoprof.com.br/">Canal do Prof</a>
</body>

Sintaxe do CSS

Com o CSS você pode criar folhas de estilo, que são muito úteis e fáceis de serem utilizadas. Por exemplo, vamos criar uma folha de estilo chamada style.css e com os seguintes atributos:

strong {
    color: blue;
}

h1 {
    font-style: italic;
}
<html>
<head>
    <title>Meu site</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <p>Hello <strong>World</strong></p>
    <h1>Esse é um cabeçalho</h1>
</body>
</html>

Quando abrirmos a página ele vai nos mostrar a frase “Hello World”. A palavra “World” está dentro da tag “strong”, então ela vai se comportar da maneira que estilizamos no arquivo CSS: em negrito e na cor azul. Já a frase “Esse é um cabeçalho” aparecerá em itálico, conforme colocamos no nosso arquivo CSS.

Mercado de trabalho

A maioria das páginas da Internet são escritas em HTML e estilizadas usando CSS, daí podemos ver a sua incontornável importância. Você pode começar a aprender a criar suas próprias páginas e, mais para frente, ter a capacidade de desenvolver telas para sites, aplicativos mobile, sistemas web e desktop.

Saber HTML e CSS é pré-requisito para qualquer desenvolvedor, mesmo se você não desenvolve diretamente para a Web.

Como aprender HTML e CSS?

Como você já pode ver nesse artigo, o HTML e o CSS são extremamente importante de serem estudados e são de fácil aprendizagem. O HTML5 e o CSS3 são as versões mais atuais.

Quais conhecimentos preciso ter para iniciar os estudos em HTML?

Você não precisa de nenhum conhecimento prévio para iniciar seus estudos em html, apenas sua força de vontade. =)

Postagem original: https://www.treinaweb.com.br/blog/o-que-e-e-como-comecar-com-html-e-css/

O que você achou disso?

Clique nas estrelas

Média da classificação 5 / 5. Número de votos: 1

Nenhum voto até agora! Seja o primeiro a avaliar este post.

O que você achou disso?

Clique nas estrelas

Média da classificação 5 / 5. Número de votos: 1

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Compartilhar.

Sobre o autor

Tiago Silva

Full-Stack Developer e Software Engineer, especialista em Python e JavaScript, professor e palestrante de assuntos voltados à programação web, desktop e mobile, ciência de dados entre outros assuntos. Escritor dos Livros Python de A a Z e Flask de A a Z.

Deixe uma resposta