Krijimi i Faqes Web me HTML

Cheatsheet Content

### Hyrje në HTML HTML (HyperText Markup Language) është gjuha standarde për krijimin e faqeve të internetit. Ajo përbëhet nga një seri elementesh që shfletuesi (browser) i përdor për të strukturuar dhe shfaqur përmbajtjen. **Struktura Bazë e HTML:** ```html Titulli i Faqes Time ``` ### Titujt (h1, h2, ..., h6) Titujt përdoren për të strukturuar përmbajtjen dhe për të treguar rëndësinë e seksioneve. ` ` është titulli më i rëndësishëm, ndërsa ` ` është më pak i rëndësishëm. ```html Ky është një titull i madh Ky është një titull më i vogël Ky është një titull i mesëm Ky është një titull i vogël Ky është një titull shumë i vogël Ky është titulli më i vogël ``` ### Paragrafët dhe Ndarjet - **Paragrafët (` `):** Përdoren për blloqe teksti. - **Ndërprerje rreshti (` `):** Krijon një ndërprerje rreshti brenda tekstit. - **Vijë horizontale (` `):** Krijon një ndarës tematik. ```html Ky është një paragraf i thjeshtë. Ky është një paragraf tjetër. Me një ndërprerje rreshti. Pas vijës horizontale. ``` ### Imazhet (` `) Elementi ` ` përdoret për të futur imazhe në një faqe web. Është një element i vetëm (self-closing). - `src`: Specifikon rrugën (URL) e imazhit. - `alt`: Tekst alternativ që shfaqet nëse imazhi nuk mund të ngarkohet, dhe për aksesueshmërinë. - `width`, `height`: Specifikojnë gjerësinë dhe lartësinë e imazhit (preferohet CSS për stilim). ```html ``` ### Lidhjet (` ` / link) Elementi ` ` (anchor) përdoret për të krijuar lidhje (hyperlinks) me faqe të tjera ose seksione brenda të njëjtës faqe. - `href`: Specifikon destinacionin e lidhjes. - `target`: Specifikon ku do të hapet dokumenti i lidhur (`_self` - në të njëjtën dritare, `_blank` - në një dritare/tab të re). ```html Vizitoni Google për kërkime. Na Kontaktoni Shko te Seksioni Poshtë ``` ### Listat (ul, ol, li) Listat përdoren për të organizuar informacione në mënyrë të rregullt. - **Lista e parregullt (` `):** Elementet shënohen me pika. - **Lista e rregullt (` `):** Elementet shënohen me numra. - **Elementi i listës (` `):** Çdo artikull brenda një liste. ```html Fruta të preferuara: Molla Banana Portokalli Hapat për të bërë kafe: Zieni ujin Shtoni kafenë Shërbejeni ``` ### Tabelat (` `) Tabelat përdoren për të shfaqur të dhëna në rreshta dhe kolona. - ` `: Elementi kryesor i tabelës. - ` `: Grupi i rreshtave të kokës. - ` `: Grupi i rreshtave të trupit. - ` `: Rreshti i tabelës (table row). - ` `: Qeliza e kokës së tabelës (table header). - ` `: Qeliza e të dhënave të tabelës (table data). ```html Emri Mbiemri Mosha Ana Deda 25 Beni Gashi 30 ``` ### Format (` `) Format përdoren për të mbledhur input nga përdoruesi. - `action`: URL ku dërgohen të dhënat e formularit. - `method`: Metoda HTTP për dërgimin e të dhënave (`GET` ose `POST`). - ` `: Përshkruan një element input. - ` `: Elementi i inputit (text, password, submit, radio, checkbox, etj.). - ` `: Fushë inputi me shumë rreshta. - ` `: Butoni i dërgimit. ```html Emri: Email: Mesazhi: Po Jo Pranoj kushtet Dërgo ``` ### Elemente të tjera të dobishme - **` `:** Një element bllok-nivel, shpesh përdoret si një enë për elemente të tjera HTML. - **` `:** Një element inline, shpesh përdoret për të stilizuar pjesë të caktuara të tekstit. - **` `:** Përdoret për të treguar tekst të rëndësishëm (bold). - **` `:** Përdoret për të treguar theksim (italik). ```html Ky është një tekst me fjalë të rëndësishme dhe fjalë të theksuara . Kjo është një pjesë e specifikuar e tekstit. ```