Katika somo hili utakwend akujifunz ahatuwa kwa hatuwa jinsi ya Kuunganisha HTML na CSS au JavaScript
Kuunganisha HTML na CSS au JavaScript ni hatua muhimu katika utengenezaji wa tovuti. Hapa kuna njia tofauti za kufanya hivyo:
CSS hutumika kupangilia muonekano wa HTML. Kuna njia tatu kuu za kuunganisha CSS na HTML:
<style>)Unaweka CSS moja kwa moja ndani ya faili ya HTML kwenye sehemu ya <head>.
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mfano wa Internal CSS</title>
<style>
body {
background-color: lightblue;
}
h1 {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1>Karibu kwenye tovuti yangu!</h1>
</body>
</html>
Unaunda faili mpya ya CSS (mfano: styles.css), kisha unaunganisha na HTML kwa kutumia <link>.
styles.cssbody {
background-color: lightgray;
}
h1 {
color: blue;
text-align: center;
}
<link><!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mfano wa External CSS</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hii ni tovuti yenye External CSS</h1>
</body>
</html>
👉 Faida: Inafanya HTML iwe safi na hurahisisha kubadilisha muundo wa tovuti bila kuhariri faili nyingi.
Unatumia style moja kwa moja ndani ya tag ya HTML.
<h1 style="color: green; text-align: center;">Hii ni Inline CSS</h1>
👉 Hasara: Inafanya HTML kuwa na msongamano na ni vigumu kubadilisha muundo kwa haraka.
JavaScript hutumika kuongeza interactivity kwenye tovuti.
<script>)Unaunda Jav">...
Jiunge nasi WhatsApp kupata update zetu
Umeionaje Makala hii.. ?
Share On:
Katika somo hili utakwenda kujifunza jinsi ya kutengeneza website hatuwa kwa hatuwa
Soma Zaidi...Katika post hii utakwenda kujifunz ajinsi ya kutengeneza cheti kwa kutumia html na css.
Soma Zaidi...Somo hili linakwenda kukueleza kuhusu njia za kupambana na saratani
Soma Zaidi...Katika somo hili tunakwenda kugawanya tag za HTML, pia nitakwenda kukuletea tag 70 za HTML
Soma Zaidi...Katika somo hili utakwenda kujifunza jinsi ya kuweka menyu kwenye faili la html na kuweka rangi ya background. Pia utajifunza kufanya ukurasa uwe responsive yaani uendani na ukubwa wa kifaa.
Soma Zaidi...Somo hili linakufundisha maana ya HTML, kwa nini inatumika, na jinsi ya kuandaa simu au kompyuta yako kwa ajili ya kuanza kutengeneza tovuti. Pia tutatengeneza ukurasa wetu wa kwanza wa HTML hatua kwa hatua.
Soma Zaidi...Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML
Soma Zaidi...Katika somo hili utajifunza jinsi ya kuweka style mbalimbali kwenye ukurasa wa html
Soma Zaidi...Katika somo hili tutakwenda kutengeneza website yetu kutoka mwanzo hadi mwisho
Soma Zaidi...