Kehitysympäristön Asennus
1. Luo uusi HTML-tiedosto
Aloita luomalla uusi HTML-tiedosto portfoliosivustoasi varten. Voit nimetä sen esimerkiksi index.html tai valita muun haluamasi nimen.
<!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. Lisää Bootstrapin CSS- ja JavaScript-tiedostot
Liitä Bootstrapin CSS- ja JavaScript-tiedostot HTML-tiedostoosi. Voit käyttää CDN-linkkejä tai ladata Bootstrap-tiedostot ja liittää ne paikallisesti.
<!-- 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>
Tulos
index.html
Huomio
Voit työskennellä paikallisesti alustalla tai käyttää koodieditoria, kuten Visual Studio Code, Sublime Text tai mikä tahansa muu editori, jolla haluat kirjoittaa HTML- ja CSS-koodia.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you show me how to add content to the HTML file?
What should I include in my portfolio website?
How do I use Bootstrap components in my project?
Awesome!
Completion rate improved to 3.23Kehitysympäristön Asennus
Pyyhkäise näyttääksesi valikon
1. Luo uusi HTML-tiedosto
Aloita luomalla uusi HTML-tiedosto portfoliosivustoasi varten. Voit nimetä sen esimerkiksi index.html tai valita muun haluamasi nimen.
<!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. Lisää Bootstrapin CSS- ja JavaScript-tiedostot
Liitä Bootstrapin CSS- ja JavaScript-tiedostot HTML-tiedostoosi. Voit käyttää CDN-linkkejä tai ladata Bootstrap-tiedostot ja liittää ne paikallisesti.
<!-- 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>
Tulos
index.html
Huomio
Voit työskennellä paikallisesti alustalla tai käyttää koodieditoria, kuten Visual Studio Code, Sublime Text tai mikä tahansa muu editori, jolla haluat kirjoittaa HTML- ja CSS-koodia.
Kiitos palautteestasi!
