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 Madrasa kiganjani 👉2 Bongolite - Game zone - Play free game 👉3 Simulizi za Hadithi Audio 👉4 Sira ya Mtume Muhammad (s.a.w) 👉5 Tafasiri ya Riyadh Swalihina 👉6 Kitabu cha Afya
Post zinazofanana:
Jinsi ya Kutatua Tatizo la Kamera Kutofanya Kazi
Kamera ya simu au kompyuta yako imegoma kufanya kazi? Usipaniki. Tatizo hili hutokea mara kwa mara na mara nyingi halihitaji ufundi mkubwa. Makala hii inakupa suluhisho la haraka na rahisi kuanzia kusafisha lenzi, kuwasha upya vifaa, hadi kuangalia mipangilio ya ndani (permissions). Utafanya kamera yako ianze kazi tena ndani ya dakika chache bila kutumia gharama yoyote.
Soma Zaidi...Jinsi ya Kutatua Tatizo la Mikrofoni
Je, unajaribu kupiga simu, kurekodi sauti, au kuingia kwenye mkutano wa mtandaoni lakini mikrofoni yako haifanyi kazi? Huu ni mwongozo rahisi na wa hatua kwa hatua unaoelezea jinsi ya kutatua matatizo yote ya mikrofoni kwenye simu au kompyuta yako. Tumeandika mwongozo huu kwa lugha rahisi ya Kiswahili ili kila mtu, hata asiye na ujuzi wa teknolojia, aweze kuelewa na kurekebisha kifaa chake mara moja bila kuhitaji fundi.
Soma Zaidi...Je, Kuchaji Simu Usiku Kucha Ni Salama?
Je, ni salama kuacha simu kwenye chaji usiku kucha unapolala? Watu wengi wanaamini kuwa tabia hii inalipua simu au kuharibu betri kabisa. Katika makala hii, utajifunza ukweli wa kisayansi kuhusu simu za kisasa, jinsi mifumo ya usalama inavyofanya kazi, na mbinu rahisi za kurefusha maisha ya betri yako bila hofu. Soma ujue jinsi ya kulinda simu yako leo!
Soma Zaidi...HTML - somo la 7: Vitu vya kuzingatia unapoandika HTML
Katika somo hili utajifunza sehemu muhimu katika faili la HTML kama vile tag, attribute na element
Soma Zaidi...Jinsi ya Kuhamisha Mawasiliano (Contacts)
Mawasiliano (Contacts) ni sehemu muhimu sana katika simu zetu kwa sababu huhifadhi majina na namba za simu za watu tunaowasiliana nao kama vile familia, marafiki, wateja na wafanyakazi wenzetu. Watu wengi hubadilisha simu mpya au hupoteza simu zao bila kujua namna ya kuhifadhi na kuhamisha mawasiliano yao. Hali hii inaweza kusababisha kupoteza namba muhimu na kuleta usumbufu mkubwa. Katika makala hii tutajifunza jinsi ya kuhamisha mawasiliano kutoka simu moja kwenda nyingine kwa njia rahisi. Tutaeleza njia mbalimbali zinazoweza kutumiwa kama vile kutumia akaunti ya Google, kuhifadhi kwenye SIM kadi, kutumia Bluetooth, programu maalum na njia nyingine salama. Maelezo haya yameandikwa kwa lugha rahisi ili hata mtu asiye na ujuzi mkubwa wa teknolojia aweze kuelewa na kufuata hatua bila shida.
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...