Jifunze HTML kwa Kiswahili hatua kwa hatua. Fahamu HTML ni nini, tags, headings, paragraphs, links, images, lists, tables, forms, na mfano wa website rahisi. Tembelea https://faulink.com

Jifunze HTML Step by Step kwa Beginners

HTML ni lugha ya msingi kabisa katika kutengeneza website. Kama unataka kuwa web developer, hatua ya kwanza ni kujifunza HTML kwa sababu ndiyo hujenga muundo wa ukurasa wa website.

Kwa masomo zaidi ya programming na web development, tembelea 👉 https://faulink.com

1. HTML ni nini?

HTML maana yake ni HyperText Markup Language. HTML si programming language kama PHP au JavaScript, bali ni markup language inayotumika kupanga content kwenye website.

HTML hutumika kuonyesha:

Maandishi
Picha
Links
Tables
Forms
Video
Buttons
Sections za website

Mfano rahisi wa HTML:

Karibu kwenye Website Yangu

Hii ni paragraph yangu ya kwanza.

2. Vifaa Unavyohitaji Kujifunza HTML

Ili kuanza HTML unahitaji vitu rahisi tu:

Computer au laptop
Text editor kama VS Code, Notepad++, au Sublime Text
Browser kama Google Chrome, Edge, au Firefox
Muda wa kufanya practice

HTML haihitaji database wala server. Unaweza kuandika code na kuifungua moja kwa moja kwenye browser.

3. Jinsi ya Kutengeneza File la HTML

Tengeneza folder kwenye computer yako, mfano:

html_mafunzo

Ndani yake tengeneza file:

index.html

Kisha andika code hii:

Karibu HTML

Ninajifunza HTML step by step.

Ukifungua index.html kwenye browser, utaona heading na paragraph.

4. Muundo wa HTML Document

Content inaonekana hapa

Maelezo:

huambia browser kuwa unatumia HTML5.

ndiyo mzizi wa document.

hubeba taarifa za page kama title, CSS links, na meta tags.

huonyesha jina la page kwenye browser tab.

hubeba content inayoonekana kwa visitor.

5. HTML Headings

Headings hutumika kuweka vichwa vya habari.

Heading Kubwa Sana

Heading ya Pili

Heading ya Tatu

Heading ya Nne

Heading ya Tano

Heading Ndogo

hutumika kwa title kuu ya page. Ni vizuri kutumia

mara moja tu kwenye page kwa SEO. 6. Paragraphs Paragraph hutumika kuandika maandishi ya kawaida.

Hii ni paragraph ya kwanza kwenye website yangu.

Hii ni paragraph ya pili.

Browser huweka nafasi kati ya paragraph moja na nyingine.

7. Line Break

Kama unataka kushuka mstari bila kuanza paragraph mpya, tumia

.

Jina langu ni Asha.
Ninajifunza HTML.
Nataka kuwa web developer.

8. HTML Links

Links hutumika kumpeleka visitor kwenye page nyingine au website nyingine.

Kufungua link kwenye tab mpya:

9. HTML Images

Picha huwekwa kwa kutumia tag ya

.

Maelezo:

src ni sehemu ya file la picha.

alt ni maelezo ya picha. Inasaidia SEO na pia watu wanaotumia screen readers.

Mfano wa picha kutoka internet:

10. HTML Lists

Kuna aina kuu mbili za lists.

Ordered List

Hii ina namba.

1. HTML
2. CSS
3. JavaScript

Unordered List

Hii ina bullets.

• Computer
• Internet
• Browser

11. HTML Tables

Tables hutumika kuonyesha data kwa mpangilio wa rows na columns.