picha

Jinsi ya kutengeneza cheti kwa kutumia HTML

Katika post hii utakwenda kujifunz ajinsi ya kutengeneza cheti kwa kutumia html na css.

<style>

@page{
      size:A4 landscape;
      margin:10mm;
}

body{
    margin:0;
      padding:0;
      border:1mm solid #991B1B;
      height:188mm;
}

.border-pattern{
      position:absolute;
      left:4mm;
    top:-6mm;
    height:200mm;
    width:267mm;
    border:1mm solid #991B1B;
      /* http://www.heropatterns.com/ */
    background-color: #d6d6e4;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z' fill='%23991B1B' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.content{
      position:absolute;
      left:10mm;
      top:10mm;
    height:178mm;
    width:245mm;
    border:1mm solid #991B1B;
      background:white;
}

.inner-content{
    border:1mm solid #991B1B;
      margin:4mm;
      padding:10mm;
    height:148mm;
      text-align:center;
}

h1{
    text-transform:uppercase;
      font-size:48pt;
      margin-bottom:0;
}

h2{
      font-size:24pt;
      margin-top:0;
      padding-bottom:1mm;
      display:inline-block;
      border-bottom:1mm solid #991B1B;
}

h2::after{
    content:"";
      display:block;
      padding-bottom:4mm;
      border-bottom:1mm solid #991B1B;
}

h3{
      font-size:20pt;
    ...

Ingia sasa ili uweze kusoma makala hii yote.

Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu image Tarehe: 2024-05-10 14:53:23 Topic: HTML Main: Utambuzi File: Download PDF Views 2162

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Kitabu cha Afya     👉2 Tafasiri ya Riyadh Swalihina     👉3 Kitau cha Fiqh     👉4 web hosting     👉5 ai web app     👉6 Madrasa kiganjani    

Post zinazofanana:

Jinsi ya Kutatua Tatizo la SMS Kutotumwa

Kushindwa kutuma ujumbe wa kawaida wa maandishi (SMS) ni tatizo linalowakera watu wengi kila siku. Makala hii inakueleza kwa lugha rahisi kabisa sababu zinazosababisha ujumbe wako usiende na inakupa hatua 8 rahisi za kurekebisha tatizo hili mwenyewe. Utafiti unaonyesha kuwa asilimia kubwa ya matatizo haya yanatokana na mambo madogo kama kukosa salio, mtandao dhaifu, au namba za vituo vya ujumbe (SMSC) kukosewa kwenye simu yako. Kusoma mwongozo huu kutakusaidia kuokoa muda na pesa bila kulazimika kwenda kwa fundi.

Soma Zaidi...
Jinsi ya Kutumia Face Unlock kwa Usalama

Teknolojia ya Face Unlock imekuwa sehemu muhimu katika simu nyingi za kisasa. Kipengele hiki humwezesha mtumiaji kufungua simu yake kwa kutumia uso badala ya kutumia nenosiri, mchoro wa kufungua simu au alama ya kidole. Ingawa Face Unlock hurahisisha matumizi ya simu na kuongeza kasi ya kufungua kifaa, ni muhimu kujua namna ya kuitumia kwa usalama ili kulinda taarifa binafsi. Katika dunia ya sasa ambapo simu huhifadhi taarifa nyingi kama picha, ujumbe, akaunti za mitandao ya kijamii, taarifa za benki na nyaraka muhimu, usalama wa simu ni jambo la msingi. Kutumia Face Unlock bila kuelewa mipangilio yake kunaweza kuweka taarifa zako katika hatari. Makala hii inaelezea maana ya Face Unlock, jinsi inavyofanya kazi, faida zake, changamoto zake na hatua muhimu za kuitumia kwa usalama zaidi.

Soma Zaidi...
Jinsi ya Kuweka Password Imara

Katika maisha ya kisasa, matumizi ya simu janja na intaneti yamekuwa sehemu muhimu ya shughuli zetu za kila siku. Watu hutumia akaunti za mtandaoni kwa mawasiliano, biashara, masomo, huduma za kifedha na kuhifadhi taarifa binafsi. Kila akaunti inahitaji ulinzi, na njia ya kwanza ya ulinzi ni kutumia password au nenosiri imara. Password imara husaidia kuzuia watu wasio na ruhusa kuingia kwenye akaunti zako na kutumia taarifa zako vibaya. Hata hivyo, watu wengi bado hutumia password rahisi kama majina yao, tarehe za kuzaliwa au namba zinazofuatana kama 123456. Aina hii ya password ni rahisi kugunduliwa na inaweza kuweka taarifa zako katika hatari. Makala hii inaeleza kwa lugha rahisi jinsi ya kuweka password imara, umuhimu wa kuwa na nenosiri salama, makosa ya kuepuka na njia bora za kulinda akaunti zako mtandaoni. Lengo ni kumsaidia kila mtu, hata asiye na ujuzi mkubwa wa teknolojia, kuelewa na kutumia njia rahisi za kuongeza usalama wa taarifa zake

Soma Zaidi...
Jinsi ya Kutatua Tatizo la Speaker

Spika ni kifaa kinachobadilisha mawimbi ya umeme kuwa sauti tunayosikia. Ndani ya spika kuna sumaku na utando laini unaotikisika ili kutoa sauti. Spika inapogoma kufanya kazi, vyanzo vikuu huwa ni vitatu: matatizo ya kiufundi (waya/uchafu), matatizo ya mipangilio (settings), au hitilafu za mfumo wa kompyuta/simu.Uzuri ni kwamba, matatizo mengi yanayotokea kila siku unaweza kuyatatua mwenyewe kwa kufuata hatua rahisi tulizokuandalia hapa chini

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 Kutambua Kama Memory Card Imeharibika

Memory card (kadi ya kumbukumbu) ni kifaa kidogo kinachotunza vitu vyetu vya thamani kama picha, video, nyimbo na nyaraka muhimu katika simu au kamera. Hata hivyo, vifaa hivi mara nyingi huharibika bila kutoa taarifa. Makala hii imelenga kukusaidia wewe mtumiaji wa kawaida utambue kirahisi dalili za memory card iliyokufa au inayoelekea kuharibika. Utajifunza ishara za wazi kama faili kupotea, simu kuwa nzito, au ujumbe wa makosa (errors). Pia, tumekuwekea hatua rahisi za kufanya ili kulinda data zako zisipotee kabisa na jinsi ya kuepuka kununua kadi feki. Kila kitu kimeelekezwa kwa lugha rahisi ya Kiswahili isiyo na maneno magumu ya kiteknolojia.

Soma Zaidi...