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;
">...
Download app yetu
Jifunze zaidi, na wasiliana nasi ukiw ana App yetu. Bofya liln hapo chini kuweza ku download
Download Now
Je! umeipenda hii post?
Ndio Hapana Save post
Rajabu 
Tarehe 2024-05-10 14:53:23 Topic: HTML
Main: Utambuzi
File: Download PDF
Share On
Facebook
or
Whatsapp
Views 810
Sponsored links
👉1
Madrasa kiganjani
👉2
kitabu cha Simulizi
👉3
Simulizi za Hadithi Audio
👉4
Kitau cha Fiqh
👉5
Kitabu cha Afya
👉6
Sira ya Mtume Muhammad (s.a.w)
Post zifazofanana:-
HTML - somo la 14: Hatua za kutengeneza website
Katika somo hili utakwenda kujifunza jinsi ya kutengeneza website hatuwa kwa hatuwa Soma Zaidi...
HTML - somo la 11: Jinsi ya kuweka style mbalimbali kwenye html
Katika somo hili utajifunza jinsi ya kuweka style mbalimbali kwenye ukurasa wa html Soma Zaidi...
HTML- somo la 2: Kazi za HTML, code na tag kwenye website.
Katika somo somo hili utajifunza maana ya code, tag na mpangilio wa faili la HTML Soma Zaidi...
HTML - somo la 12: Sehemu kuu za faili la HTML
Katika somo hili utajifunza kuhusu sehemu kuu za faili la HTML Soma Zaidi...
HTML - somo la 1: Maana ya HTML na kazi zake
Katika somo hili utajifunza maana ya HTML na jinsi inavyofanya kazi Soma Zaidi...
HTML - somo la 9: Jinsi ya kutumia tag za HTML katika uandishi wa maudhui
Katika somo hili utakwenda kuona jinsi ya kuzitumia tag balimbali za html 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...
HTML - somo la 6: Jinsi ya kuweka menyu kwenye faili la HTML
Katika somo hili utakwenda kujifunza jinsi ya kuweka menyu kwenye faili la html na kuweka rangi ya background. Pia utajifunza kufanya ukurasa uwe responsive yaani uendani na ukubwa wa kifaa. Soma Zaidi...
HTML - somo la 3: Tags za HTML zinazotumiwa katika uandishi
Katika somo hili nitakuletea orodhabya tag 25 za html ambazo hugumiwa katikabuandishi. 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...