Jinsi ya kutengeneza cheti kwa kutumia HTML

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 Rajabu
Tarehe: 2024-05-10 14:53:23 Topic: HTML Main: Utambuzi File: Download PDF Views: 2318

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Kitabu cha Afya     👉2 Bongolite - Game zone - Play free game     👉3 web hosting     👉4 Kitau cha Fiqh     👉5 Tafasiri ya Riyadh Swalihina     👉6 Dua za Mitume na Manabii    

Post zinazofanana:

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...
Dalili Zinazoonyesha Simu Ina Virusi

Virusi vya simu ni mojawapo ya matatizo yanayoweza kuathiri utendaji wa simu yako bila wewe kutambua mapema. Watu wengi hudhani kuwa ni kompyuta pekee zinazoshambuliwa na virusi, lakini ukweli ni kwamba simu za Android na hata baadhi ya simu nyingine zinaweza pia kuathirika na programu hatari zinazojulikana kama virusi au malware. Makala hii inaeleza kwa kina dalili zinazoonyesha simu ina virusi, sababu zinazofanya simu ipate virusi, namna ya kujilinda, pamoja na hatua unazoweza kuchukua ili kuondoa tatizo hilo. Ikiwa simu yako imeanza kufanya mambo yasiyo ya kawaida, makala hii itakusaidia kutambua tatizo kabla halijawa kubwa

Soma Zaidi...
HTML - somo la 10: Maana ya HTML attribute na jinsi zinavyofanya kazi

Katika somo hili utakwenda kijifunza kuhusu HTML attributes na jinsi ambavyo zinafanya kazi

Soma Zaidi...
HTML - somo la 16: Jinsi ya ku host website bure

Katika somo hili utakwenda kujifunza jinsi ya ku host website yako bila malipo

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...
Jinsi ya Kusakinisha (Install) App kwa Usalama

Siku hizi simu za mkononi zimekuwa sehemu muhimu ya maisha ya kila siku. Tunazitumia kuwasiliana, kufanya biashara, kusoma, kulipa bili, kutazama video, kusikiliza muziki na hata kuhifadhi taarifa muhimu. Ili simu iweze kufanya kazi hizi, tunahitaji kusakinisha (install) programu mbalimbali zinazojulikana kama app. Lakini si kila app ni salama. Baadhi ya app zinaweza kuiba taarifa zako binafsi, kuharibu simu, kuonyesha matangazo mengi yasiyofaa au hata kusababisha akaunti zako kuporwa. Ndiyo maana ni muhimu kujifunza jinsi ya kusakinisha app kwa usalama. Katika makala hii utajifunza hatua zote muhimu za kusakinisha app kwa usalama, namna ya kutambua app halisi, mambo ya kuzingatia kabla na baada ya kusakinisha app, pamoja na makosa ambayo watu wengi hufanya bila kujua.

Soma Zaidi...