HTML - somo la 9: Jinsi ya kutumia tag za HTML katika uandishi wa maudhui

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

UFAFANUZI WA TAG ZILIZOTAJWA KATIKA SOMO LA TATU.

Katika somo lililotangulia tumejifunza code tag mbalimbali, sasa katika somo hili tunakwenda kuzifanyia kazitag hizo. Kuna nyingine hatutazigusa katika somo hili. Hivyo taga nyinginezo ambazo hazitatumika katika somo hili tutaziona katika masomo yajayo.

 

 

Kwa wale wa simu Endelea kutumia App ya TrebEdit na kwa wale wa kompyuta tumia text Editor ulio nayo kama notepad, notepad plus, sublimetext na nyinginezo. Katika video hapo nimetumia text Editor ya phpstorm ili kuokoa muda zaidi.

 

Endelea kuzifanyia mazoezi tag hizi. Somo linalofata tutaanglia attributes na namna zinavyoweza kufanya kazi katika uandishi na utengenezaji wa website.

 

 

 

<!DOCTYPE html>

<html lang="en">

<head>

    <title>Kicha cha faili</title>

 

</head>

<body> <!-- <body> inaanza hapa -->

<!--     BASIC TAG  ------>

<h1>Heading 1</h1>

<h2>heading 2</h2>

<h3>heading 3</h3>

<h4>heading 4</h4>

<h5>heading5</h5>

<h6>heading 6</h6>

<p>paragraph ya kwanza ya maudhui yako

<br>hapa nimekata msitari<br>nimeanza mpya

    <br><br><br>Nimeruka nafasi 3

 

</p>

<hr>nimepiga msitari,<hr>

 

<BR><BR><BR>

<!-- FORMATIN TAG --->

<abbr title="TAasisis ya Kupambana na Kuzuia Rushwa"> TAKUKURU </abbr>

<BR><BR><BR>

<!-- ANUANI-->

<address>

IT MANAGER<BR>

    BONGOCLASS.COM<BR>

    P.O.BOX 30<br>

    PANGANI

</address>

 

<BR><BR><BR>

<!-- BOLD -->

fano wa ku<B>bold</B>maandishi

 

<BR><BR><BR>

<!-- badili mwelekeo wa maandishi -->

<p>www.bongoclass.com</p>

<bdo dir="rtl">www.bongoclass.com</bdo>

 

<BR><BR><BR>

<!-- kunukuu kifungu cha habari -->

<p>Mwalimu Nyerere alisema</p>

<blockquote>

    Madam Speaker and, I think I may say, Comrade President and Comrade Vice President, ladies

    and gentlemen. I have told you already how I felt when you asked me to come and talk here. And

    then I got the message that you were coming.

</blockquote>

 

<!-- kunukuu kifungu kidogo -->

Mwalimu alisema <q>Madam Speaker and, I think I may say, Comrade President and Comrade Vice President, ladies

    and gentlemen.</q>

<BR><BR><BR>

<!-- maandishi yaliyokatwa -->

<p>maandih haya <del>yamekatwa</del> pia haya nayo <s>yamekatwa</s> na haya <ins>yameingizwa</ins>

na haya <u>yapo underline, yamepigiwa msitari</u> na haya <mark>yamechaguliwa (highlite)</mark>

na haya <strong>yamekolezwa</strong>na haya <em>yamewekewa msisitizo</em> na haya yamefanyiwa <i>italics</i>

na haya ni <small>madogo</small> yaani small</p>

 

 

<BR><BR><BR>

<!-- progress -->

<progress>32</progress><br>

<label>Inapakuwa</label>

<progress id="file" value="70" max="100">90%</progress>

 

<BR><BR><BR>

<!-- kutoa muonekano kama unaouona kwenye code-->

<pre>

    sungura afahamika    ujanja kajijazia

    wenzake ana w...

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: Masomo File: Download PDF Views: 1207

Share On:

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

Post zinazofanana:

Faida za Screen Protector

Screen Protector ni kifaa chembamba kinachowekwa juu ya skrini ya simu ili kuilinda dhidi ya mikwaruzo, mipasuko na uharibifu mwingine unaoweza kutokea wakati wa matumizi ya kila siku. Watu wengi hununua simu za gharama kubwa lakini husahau kulinda sehemu muhimu zaidi ya simu hiyo, ambayo ni skrini. Makala hii inaelezea kwa kina faida za Screen Protector, aina zake, jinsi ya kuchagua inayofaa, na sababu zinazofanya iwe uwekezaji muhimu kwa kila mwenye simu.

Soma Zaidi...
Jinsi ya Kurejesha Backup ya Simu

Umewahi kupoteza picha, video, majina ya watu, au mazungumzo muhimu baada ya simu kuharibika, kuibiwa, au kufanya factory reset? Hali hii huwatokea watu wengi, lakini habari njema ni kwamba unaweza kuvirejesha ikiwa uliwahi kutengeneza backup ya simu yako. Katika makala hii utajifunza backup ya simu ni nini, kwa nini ni muhimu, jinsi ya kurejesha backup kwenye simu za Android na iPhone, matatizo yanayoweza kujitokeza wakati wa kurejesha backup, pamoja na njia za kuyatatua. Mwisho wa makala hii utakuwa na uelewa wa kutosha wa jinsi ya kurudisha taarifa zako kwa usalama na kwa urahisi.

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 Mikrofoni

Je, unajaribu kupiga simu, kurekodi sauti, au kuingia kwenye mkutano wa mtandaoni lakini mikrofoni yako haifanyi kazi? Huu ni mwongozo rahisi na wa hatua kwa hatua unaoelezea jinsi ya kutatua matatizo yote ya mikrofoni kwenye simu au kompyuta yako. Tumeandika mwongozo huu kwa lugha rahisi ya Kiswahili ili kila mtu, hata asiye na ujuzi wa teknolojia, aweze kuelewa na kurekebisha kifaa chake mara moja bila kuhitaji fundi.

Soma Zaidi...
Njia za kupambana na saratani

Somo hili linakwenda kukueleza kuhusu njia za kupambana na saratani

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