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 2071

Share On:

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

Post zinazofanana:

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

Soma Zaidi...
Jinsi ya Kujua Kama Simu Yako Ina Virusi

Simu za kisasa zimekuwa sehemu muhimu ya maisha yetu ya kila siku. Tunazitumia kuwasiliana, kufanya malipo, kuhifadhi picha, kuendesha biashara, kusoma taarifa mbalimbali na hata kufanya kazi. Kwa sababu simu zetu zina taarifa nyingi muhimu, wahalifu wa mtandao hutafuta njia za kuziathiri kwa kutumia programu hatari zinazojulikana kama virusi vya simu. Virusi kwenye simu vinaweza kusababisha matatizo mbalimbali kama simu kuwa polepole, betri kuisha haraka, matangazo yasiyoeleweka kujitokeza, matumizi makubwa ya intaneti, au hata kupotea kwa taarifa zako binafsi. Kujua dalili za simu yenye virusi mapema kunaweza kukusaidia kulinda taarifa zako na kuendelea kutumia simu yako kwa usalama. Katika makala hii utaelewa maana ya virusi vya simu, dalili zinazoonyesha kuwa simu yako inaweza kuwa imeambukizwa, sababu zinazoweza kusababisha virusi kuingia kwenye simu, na hatua unazoweza kuchukua kuiondoa na kuilinda.

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