HTML somo la 17: Jinsi ya kuunganisha HTML na CSS au JavaScript
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:
1️⃣ KUUNGANISHA HTML NA CSS
CSS hutumika kupangilia muonekano wa HTML. Kuna njia tatu kuu za kuunganisha CSS na HTML:
✅ 1.1. Internal CSS (Ndani ya <style>)
Unaweka CSS moja kwa moja ndani ya faili ya HTML kwenye sehemu ya <head>.
Mfano:
<!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>
✅ 1.2. External CSS (Faili ya Nje)
Unaunda faili mpya ya CSS (mfano: styles.css), kisha unaunganisha na HTML kwa kutumia <link>.
Hatua ya 1: Unda faili ya styles.css
body {
background-color: lightgray;
}
h1 {
color: blue;
text-align: center;
}
Hatua ya 2: Unganisha kwenye HTML kwa <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.
✅ 1.3. Inline CSS (Ndani ya Kitu Cha HTML)
Unatumia style moja kwa moja ndani ya tag ya HTML.
Mfano:
<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.
2️⃣ KUUNGANISHA HTML NA JAVASCRIPT
JavaScript hutumika kuongeza interactivity kwenye tovuti.
✅ 2.1. Internal JavaScript (Ndani ya <script>)
Unaunda JavaScript moja kwa moja ndani ya HTML kwenye sehemu ya <script>
Umeionaje Makala hii.. ?
Share On:
👉1 ai web app 👉2 Sira ya Mtume Muhammad (s.a.w) 👉3 Kitau cha Fiqh 👉4 web hosting 👉5 Simulizi za Hadithi Audio 👉6 kitabu cha Simulizi
Post zinazofanana:
HTML - somo la 6: Jinsi ya kuweka menyu kwenye faili la HTML
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...Jinsi ya Kuhamisha Data Kati ya Simu Mbili
Kubadilisha simu mpya ni jambo la kufurahisha, lakini watu wengi hupata changamoto wanapofikiria jinsi ya kuhamisha taarifa zao kutoka simu ya zamani kwenda simu mpya. Data muhimu kama picha, video, namba za simu, ujumbe, nyaraka, programu na mipangilio inaweza kuonekana kuwa ngumu kuhamisha, hasa kwa mtu ambaye hajawahi kufanya zoezi hilo. Habari njema ni kwamba leo kuna njia rahisi na salama za kuhamisha data kati ya simu mbili bila kupoteza taarifa muhimu. Unaweza kutumia intaneti, huduma za kuhifadhi taarifa mtandaoni, kebo maalumu, Bluetooth au programu zinazosaidia kufanya uhamishaji huo kwa haraka. Makala hii inaelezea hatua kwa hatua jinsi ya kuhamisha data kati ya simu mbili kwa njia rahisi ambayo kila mtu anaweza kuelewa, hata kama hana elimu kubwa ya teknolojia.
Soma Zaidi...Jinsi ya Kuunganisha Simu na Wi-Fi
Wi-Fi ni njia rahisi inayowezesha simu kuunganishwa na intaneti bila kutumia bando la kawaida la simu. Kwa kutumia Wi-Fi, mtu anaweza kutumia intaneti kwa gharama ndogo au wakati mwingine bila gharama yoyote, hasa anapokuwa sehemu yenye mtandao wa Wi-Fi kama nyumbani, kazini, shuleni, hotelini au sehemu nyingine za umma. Kuunganisha simu na Wi-Fi ni jambo rahisi ambalo mtu yeyote anaweza kufanya hata kama hajawahi kutumia teknolojia sana. Unachohitaji ni simu yenye uwezo wa kutumia Wi-Fi, jina la mtandao wa Wi-Fi, na nenosiri kama mtandao huo umefungwa. Makala hii inaelezea hatua kwa hatua jinsi ya kuunganisha simu na Wi-Fi, mambo ya kuzingatia wakati wa kutumia Wi-Fi, sababu zinazoweza kufanya simu ishindwe kuunganishwa, pamoja na faida za kutumia mtandao wa Wi-Fi.
Soma Zaidi...Jinsi ya Kufuta Data za Simu Ukiwa Mbali
Kupoteza simu au kuibiwa kwa simu ni jambo linaloweza kumpata mtu yeyote. Simu zetu siku hizi hazitumiki tu kupiga simu na kutuma ujumbe, bali pia huhifadhi taarifa nyingi muhimu kama picha, video, namba za simu, akaunti za mitandao ya kijamii, taarifa za benki, barua pepe na nyaraka binafsi. Ikiwa simu itaangukia mikononi mwa mtu asiye mwaminifu, taarifa hizo zinaweza kutumiwa vibaya. Njia moja ya kujilinda ni kujifunza jinsi ya kufuta data za simu ukiwa mbali. Hii ina maana kwamba unaweza kuondoa taarifa zote zilizomo kwenye simu yako hata kama simu hiyo haipo karibu nawe. Njia hii husaidia kulinda faragha yako na kuzuia watu wengine kuona au kutumia taarifa zako binafsi. Katika makala hii tutajifunza maana ya kufuta data za simu ukiwa mbali, sababu za kufanya hivyo, hatua za kufuata, mambo muhimu ya kuzingatia kabla ya kufuta taarifa, pamoja na ukweli muhimu kuhusu usalama wa simu
Soma Zaidi...Sababu Zinazofanya Betri Iishe Haraka
Betri ni sehemu muhimu sana ya simu, kompyuta mpakato, saa janja na vifaa vingine vya kielektroniki. Hata hivyo, watu wengi hukutana na tatizo la betri kuisha haraka bila kujua chanzo chake. Wakati mwingine tatizo halitokani na ubora wa simu au betri, bali hutokana na namna kifaa kinavyotumika kila siku. Katika makala hii utajifunza sababu kuu zinazofanya betri iishe haraka, jinsi ya kutambua tatizo, pamoja na njia rahisi za kuongeza muda wa matumizi ya betri. Maelezo haya yameandikwa kwa lugha rahisi ili kila mtu ayaelewe, hata kama hana ujuzi wa teknolojia.
Soma Zaidi...