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 2106

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 kitabu cha Simulizi     👉2 ai web app     👉3 Simulizi za Hadithi Audio     👉4 Madrasa kiganjani     👉5 Bongolite - Game zone - Play free game     👉6 web hosting    

Post zinazofanana:

Jinsi ya Kutatua Tatizo la Mtandao wa Simu

Posti hii inatoa mwongozo rahisi na wa hatua kwa hatua kuhusu jinsi ya kurekebisha matatizo ya mtandao kwenye simu yako ya mkononi. Umejifunza njia za haraka kama kuwasha ‘Upepo’ (Flight Mode), kuwasha upya simu, na kuangalia kadi ya SIM ili kurudisha mawasiliano haraka bila kuhitaji fundi.

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 Kufanya Backup ya Simu

Simu ya mkononi imekuwa sehemu muhimu sana ya maisha yetu ya kila siku. Tunatumia simu kuhifadhi namba za watu tunaowajua, picha za familia, video muhimu, ujumbe, nyaraka, programu na taarifa nyingine nyingi. Lakini tatizo linaweza kutokea wakati wowote. Simu inaweza kupotea, kuharibika, kuibiwa au kufutika taarifa zake kwa bahati mbaya. Hapo ndipo umuhimu wa kufanya backup ya simu unapokuwa mkubwa. Backup ya simu ni njia ya kutengeneza nakala ya taarifa zako muhimu na kuzihifadhi sehemu salama ili uweze kuzirudisha pale unapohitaji. Kwa kufanya backup mara kwa mara, unapunguza hatari ya kupoteza vitu muhimu vilivyokuwa kwenye simu yako. Katika makala hii tutajifunza maana ya backup ya simu, umuhimu wake, njia mbalimbali za kufanya backup kwenye simu za Android na iPhone, vitu vinavyoweza kuhifadhiwa, makosa ya kuepuka na hatua rahisi ambazo kila mtu anaweza kufuata hata kama hana ujuzi mkubwa wa teknolojia.

Soma Zaidi...
HTML - somo la 13: Jinsi ya kugawa ukurasa wa HTML

Katika somo hili utajifunza jinsi ya kugawanya ukurasa wa HTML katika column

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...
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...