Oi Daniela, tudo bem?
Essa primeira forma que você apresentou está correta! Para que seja feita a adição da acentuação correta dentro da sua página HTML, é necessário que essas 3 tags, que você apontou anteriormente, estejam presentes, pois uma acaba sendo um complemento da outra. Vamos entender isso melhor.
Quando iniciamos o nosso código HTML a primeira tag adicionada é <!DOCTYPE html>
, que é responsável por definir que versão do HTML estamos usando, não definindo ela é bem possível que você possa ter erros futuros. Em seguida temos a tag <meta charset="UTF-8">
, que nada mais é do que uma forma de codificação dos caracteres a serem usados na página, mas nada relacionado a acentuações e nem nada do tipo, mas sim para a forma das letras e símbolos inseridos.
Por fim temos <html lang="pt-br"> </html>
, que de maneira geral, vai ser a primeira tag estrutural da página que receberá todo o corpo do projeto. Nela temos o parâmetro lang
, que é responsável por identificar e formatar os textos da página com base na linguagem informada nele, e no nosso caso o "pt-br" é referente a "Português-Brasileiro", assim adicionando esse parâmetro e informando a nossa linguagem, a adição da acentuação correta para a nossa página será possível.
Caso tenha mais dúvidas com relação a este tópico, estarei à disposição para ajudá-la. Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.