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: 2217

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Sira ya Mtume Muhammad (s.a.w)     👉2 Tafasiri ya Riyadh Swalihina     👉3 Madrasa kiganjani     👉4 Kitau cha Fiqh     👉5 Bongolite - Game zone - Play free game     👉6 Dua za Mitume na Manabii    

Post zinazofanana:

Jinsi ya Kujua Kama Wi-Fi Ni Salama

Wi-Fi imekuwa sehemu muhimu ya maisha yetu ya kila siku. Tunaitumia kuingia kwenye mitandao ya kijamii, kutuma ujumbe, kufanya biashara mtandaoni, kusoma, kutazama video na hata kufanya malipo. Lakini pamoja na faida zake nyingi, Wi-Fi inaweza kuwa hatari ikiwa haijalindwa vizuri. Mtandao wa Wi-Fi usio salama unaweza kuruhusu watu wasiohusika kuona taarifa zako binafsi, kuiba nywila zako au kutumia intaneti yako bila ruhusa. Kujua kama Wi-Fi ni salama ni jambo muhimu kwa kila mtu anayemiliki simu, kompyuta au kifaa kingine kinachounganishwa na intaneti. Makala hii inaeleza kwa lugha rahisi jinsi ya kutambua Wi-Fi salama, dalili za Wi-Fi hatari, hatua za kulinda mtandao wako na mambo muhimu ya kuzingatia ili kutumia intaneti kwa usalama

Soma Zaidi...
Jinsi ya Kutatua Tatizo la Simu Kutopiga Simu

Kama simu yako haipigi au haipokei simu, usipaniki. Mara nyingi tatizo hili linasababishwa na mambo madogo unayoweza kuyarekebisha mwenyewe nyumbani. Angalia salio na bando lako, washa na uzime mfumo wa ndege (Airplane Mode), au zima simu na kuiwasha tena. Kama hayo hayajasaidia, hakikisha laini yako (SIM card) imekaa vizuri au wasiliana na kampuni yako ya simu. Kwenye makala hii, tutaenda hatua kwa hatua kwa lugha rahisi kabisa ili urudishe simu yako kwenye hali ya kawaida haraka

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 Kuhifadhi Picha Kwenye Cloud

Picha ni kumbukumbu muhimu zinazohifadhi matukio ya maisha yetu kama vile harusi, sherehe, safari, watoto, familia na kazi mbalimbali. Tatizo kubwa ambalo watu wengi hukutana nalo ni kupoteza picha kutokana na simu kuharibika, kuibiwa, kupotea au kufutwa kimakosa. Njia salama ya kulinda picha zako ni kuzihifadhi kwenye Cloud. Katika makala hii utajifunza cloud ni nini, jinsi inavyofanya kazi, faida za kuhifadhi picha kwenye cloud, hatua za kuhifadhi picha zako kwa usalama pamoja na mambo muhimu ya kuzingatia ili kuhakikisha kumbukumbu zako zinabaki salama kwa muda mrefu.

Soma Zaidi...
HTML - somo la 1: Maana ya HTML na kazi zake

Somo hili linakufundisha maana ya HTML, kwa nini inatumika, na jinsi ya kuandaa simu au kompyuta yako kwa ajili ya kuanza kutengeneza tovuti. Pia tutatengeneza ukurasa wetu wa kwanza wa HTML hatua kwa hatua.

Soma Zaidi...
Jinsi ya Kusafisha Simu Isifanye Kazi Polepole

Je, simu yako imekuwa ikifungua programu kwa kuchelewa, kuganda mara kwa mara au kufanya kazi polepole kuliko ilivyokuwa mwanzo? Tatizo hili ni la kawaida kwa watumiaji wengi wa simu za Android na hata iPhone. Mara nyingi watu hudhani kuwa simu imeharibika au imezeeka, wakati ukweli ni kwamba kuna uchafu wa kidijitali unaokusanyika ndani ya simu na kuifanya ishindwe kufanya kazi kwa kasi. Katika makala hii utajifunza jinsi ya kusafisha simu ili irudi kufanya kazi vizuri. Utaelewa sababu zinazofanya simu iwe polepole, namna ya kufuta faili zisizo muhimu, kusafisha kumbukumbu ya programu, kuondoa programu zisizotumika, kusasisha mfumo wa simu pamoja na mbinu nyingine zinazoweza kuongeza kasi ya simu bila kutumia fedha.

Soma Zaidi...