Configurando o Ambiente de Desenvolvimento
1. Criar um Novo Arquivo HTML
Inicie criando um novo arquivo HTML para seu site de portfólio. Você pode nomeá-lo como index.html ou qualquer outro nome de sua preferência.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
</head>
<body></body>
</html>
2. Vincular Arquivos CSS e JavaScript do Bootstrap
Vincule os arquivos CSS e JavaScript do Bootstrap ao seu arquivo HTML. Você pode utilizar links CDN ou baixar os arquivos do Bootstrap e vinculá-los localmente.
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Resultado
index.html
Nota
É possível optar por trabalhar localmente na plataforma ou utilizar um editor de código como Visual Studio Code, Sublime Text ou qualquer outro editor de sua preferência para escrever HTML e CSS.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 3.23Configurando o Ambiente de Desenvolvimento
Deslize para mostrar o menu
1. Criar um Novo Arquivo HTML
Inicie criando um novo arquivo HTML para seu site de portfólio. Você pode nomeá-lo como index.html ou qualquer outro nome de sua preferência.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
</head>
<body></body>
</html>
2. Vincular Arquivos CSS e JavaScript do Bootstrap
Vincule os arquivos CSS e JavaScript do Bootstrap ao seu arquivo HTML. Você pode utilizar links CDN ou baixar os arquivos do Bootstrap e vinculá-los localmente.
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
Resultado
index.html
Nota
É possível optar por trabalhar localmente na plataforma ou utilizar um editor de código como Visual Studio Code, Sublime Text ou qualquer outro editor de sua preferência para escrever HTML e CSS.
Obrigado pelo seu feedback!
