Noções de HTML e CSS

Página 32

Noções de HTML e CSS

Noções de HTML e CSS

O HTML e o CSS são duas das principais linguagens utilizadas para criação de páginas web. O HTML é responsável pela estruturação do conteúdo da página, enquanto o CSS é responsável pela sua apresentação visual.

HTML

O HTML é uma linguagem de marcação que permite definir a estrutura do conteúdo de uma página web. Ele é composto por uma série de tags (ou elementos) que são utilizadas para definir diferentes partes da página, como títulos, parágrafos, imagens e links.

Por exemplo, a tag <h1> é utilizada para definir um título de primeiro nível, enquanto a tag <p> é utilizada para definir um parágrafo de texto. Já a tag <img> é utilizada para inserir uma imagem na página e a tag <a> é utilizada para criar um link para outra página.

CSS

O CSS é uma linguagem de estilo que permite definir a aparência visual da página web. Ele é utilizado para definir as cores, fontes, tamanhos e posicionamento dos elementos na página.

Por exemplo, é possível utilizar o CSS para definir que todos os títulos de primeiro nível (<h1>) devem ser exibidos em vermelho e com uma fonte maior do que o restante do texto. Além disso, é possível utilizar o CSS para definir que uma imagem deve ser exibida à direita do texto e com uma margem de 10 pixels.

Integração entre HTML e CSS

Para utilizar o CSS em uma página HTML, é necessário definir uma relação entre os dois arquivos. Isso pode ser feito de duas maneiras: utilizando a tag <style> dentro do próprio arquivo HTML ou utilizando um arquivo CSS externo.

No primeiro caso, é possível definir as regras de estilo diretamente dentro do arquivo HTML, utilizando a tag <style>. Já no segundo caso, é necessário criar um arquivo CSS separado e fazer referência a ele dentro do arquivo HTML utilizando a tag <link>.

Conclusão

O HTML e o CSS são duas linguagens essenciais para criação de páginas web. Enquanto o HTML é responsável pela estruturação do conteúdo, o CSS é responsável pela sua apresentação visual. A integração entre as duas linguagens permite criar páginas web com design profissional e atraente.

Now answer the exercise about the content:

_Qual é a função do HTML e do CSS na criação de páginas web?

You are right! Congratulations, now go to the next page

You missed! Try again.

Next page of the Free Ebook:

33Desenvolvimento de sites estáticos

Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!

Get it on Google Play Get it on App Store

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text