Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Interesante
  • Gjuha html për fillestarët - ku të filloni dhe ku të shkoni. Si të filloni të mësoni html

Gjuha html për fillestarët - ku të filloni dhe ku të shkoni. Si të filloni të mësoni html

24.06.2019 Interesante

Ky seksion i faqes i kushtohet tërësisht dy gjuhëve për krijimin e një siti, përkatësisht HTML dhe CSS. Këtu mund të mësoni gjuhët hap pas hapi, të mësoni gjithçka nga bazat deri në momentet më të vështira.

Ky seksion është ndërtuar mbi parimin e një studimi hap pas hapi të materialit, prandaj, para çdo titulli të një mësimi në HTML dhe CSS, ka një numër që korrespondon me numrin rendor të mësimit. Kjo është e natyrshme në rast se dëshironi të mësoni gjithçka nga bazat dhe të mos bëni rrëmujë në kokën tuaj. Nëse tashmë dini diçka rreth HTML dhe CSS, atëherë mund të gjeni edhe njohuritë që mungojnë këtu, ose të thelloni atë që keni mësuar tashmë.

Ky seksion përmban mësime mbi standardet e gjuhëve HTML5 dhe CSS3, respektivisht, nëse ka versione më të reja të këtyre gjuhëve, ato do të pasqyrohen edhe në mësimet e reja të këtij seksioni dhe do ta zbuloni patjetër.



Ndoshta, çdo person që të paktën një herë në jetën e tij ka hasur në krijimin e një faqe në internet, sigurisht që ka dëgjuar për një paketë të tillë si html dhe css, mund të them me besim se nëse doni të krijoni faqe në internet vetë, atëherë mundeni Mos bëni pa dijeninë e këtyre dy gjërave.

Pasi të keni marrë një ide të përgjithshme se çfarë është html në kokën tuaj, ka qartë një pamje të paqartë dhe mendoj se kjo nuk është për t'u habitur. Është koha për të shkuar drejtpërdrejt në praktikë dhe për të krijuar dokumentin tuaj të parë html.

Ashtu si html, CSS ka karakteristikat, rregullat dhe strukturën e vet. Në këtë mësim, unë do t'ju tregoj për konceptet bazë të gjuhës CSS, strukturën, strukturën e saj dhe do të bëjmë me ju fletën e parë të stilit CSS dhe do të mësojmë se si ta lidhni fletën e stilit me një dokument html.

Përzgjedhësit në CSS janë themeli i vetë gjuhës dhe mësimi dhe kuptimi i tyre është shumë i rëndësishëm, kështu që në këtë mësim do t'ju tregoj për disa lloje të tjera përzgjedhësish dhe do t'ju përshkruaj aftësitë e tyre.

Një pikë shumë e rëndësishme në krijimin e një faqe interneti është puna me tekst, dhe siç e kuptoni, ju gjithashtu duhet të jeni në gjendje të punoni me tekst në html dhe të dini se çfarë etiketash ka dhe si mund të përdoren ato.

Pasi të keni mësuar të gjitha etiketat html për të punuar me tekst, tani është koha për të shkuar drejtpërdrejt në CSS duke punuar me tekst, gjë që do të zgjerojë ndjeshëm njohuritë dhe aftësitë tuaja.

CSS ka një numër të madh të të gjitha llojeve të ndryshimit të përshtatshëm dhe cilësor të pamjes së vetive, dhe ne vazhdojmë të studiojmë CSS duke punuar me tekst, dhe në këtë mësim do të gërmojmë në temën e punës me tekst dhe do të shqyrtojmë vetitë e reja të tekstit. .

Puna me imazhe kur krijoni nga një sajt është një nga pikat kryesore, si kur krijoni një dizajn, ashtu edhe në paraqitjen e thjeshtë ose shkrimin e ndonjë materiali për faqen tuaj.

CSS zgjeron shumë mundësitë e punës me çdo objekt html, në këtë mësim do të doja t'ju tregoja në detaje rreth atyre parametrave që mund të aplikohen në imazhe.

HTML është gjuha e shënjimit të hipertekstit që e bëri internetin atë që ne njohim dhe duam. Falë këtij mjeti të mrekullueshëm, faqet duken bukur dhe moderne, si dhe sigurohet lehtësia e përdorimit të tyre. HTML thjesht mbledh elementet e një ueb faqeje në një mënyrë miqësore për përdoruesit. Puna e tij është e krahasueshme me atë që ata bëjnë si MS Word ose OpenOffice. Ata transformojnë një masë shkronjash pa fytyrë në një dokument që përmban paragrafë, tekst të theksuar, kursive, tabela dhe madje edhe imazhe. Gjuha HTML bën përafërsisht të njëjtën gjë, me të vetmin ndryshim që dokumentet e saj shfaqen në një shfletues dhe aftësitë e këtij mjeti janë shumë më të gjera se ato të një redaktuesi teksti. Për shënjimin, përdoren etiketat - komanda speciale që përshkruajnë strukturën e një faqe në internet. Ato janë të mbyllura në kllapa këndore -<тег>në mënyrë që shfletuesi t'i dallojë ato nga pjesa më e madhe e tekstit. Më pas, ne do të kalojmë mbi bazat e HTML për fillestarët.

Redaktorët vizualë

Të rinjtë që sapo kanë vënë këmbë në rrugën e të mësuarit HTML, shpesh e fillojnë punën e tyre me programe që ju lejojnë të krijoni faqe pa asnjë njohuri. Në to, ju thjesht mund t'i rregulloni elementet në ekran pasi ato do të shfaqen në shfletues. Duket se këtu është - një burim i hirit të përjetshëm, duke ju lejuar të heqni qafe shumicën e zhvilluesve të uebit. Por jo gjithçka është kaq e thjeshtë, pasi redaktorët vizualë kanë shumë të meta që e bëjnë të pamundur përdorimin e tyre në projekte serioze.

Të gjitha këto programe krijojnë shumë etiketa të panevojshme që e bëjnë faqen e fundit të rëndë dhe nënoptimale. Sigurisht, në epokën tonë të internetit me shpejtësi të lartë, kjo është më pak e rëndësishme se më parë, por ka një sërë arsyesh pse një faqe lakonike dhe e shkruar mirë rezulton të jetë më praktike se sa homologu i saj, i krijuar në një redaktues vizual. Një faqe në internet e bërë në një program të tillë do të përpunohet dobët nga robotët e kërkimit, pasi çdo kilobajt kod është i rëndësishëm për ta, dhe kodi i rëndë dhe i palogjikshëm me një bandë vështirë se do të jetë për shijen e tyre. Për më tepër, redaktorët shpesh mbeten prapa kohës, duke u bërë të parëndësishëm dhe shpenzimi i burimeve për zhvillimin e tyre është jopraktik, pasi asnjë profesionist nuk i përdor këto produkte. Prandaj, kushdo që dëshiron të punojë në fushën e ndërtimit të faqeve të internetit duhet të dijë bazat e HTML.

Etiketat

Siç u përmend më lart, etiketat përshkruajnë strukturën e një faqe interneti në shfletues. Shumica e tyre kanë etiketa fillimi dhe mbarimi, por jo të gjitha. Për shembull, ... ku përmbajtja është në vend të pikave. E para tregon se ku fillon etiketa dhe e dyta e mbyll atë. Brenda mund të ketë elementë të tjerë të shënjimit të faqes, ato mund të futen në njëra-tjetrën si një kukull fole. Është e rëndësishme të mbyllni etiketat në kohën e duhur në mënyrë që faqja të shfaqet në mënyrë korrekte.

Ka edhe etiketa të vetme që nuk kanë nevojë të mbyllen. Ato përmbajnë përmbajtjen brenda, ashtu siç mund të shkruhet për shumicën e etiketave HTML dhe vendos vetitë e elementit. Tregohet në etiketën hapëse dhe duket diçka si kjo: atribut = "...", ku vlera e atributit ndodhet në vend të pikave. Njohja e etiketave është hapi i parë dhe më i rëndësishëm për të zotëruar HTML. Bazat e këtij arti përfshijnë gjithashtu të kuptuarit e strukturës së një faqe interneti.

Struktura e dokumentit

Çdo dokument HTML ka një shtesë përkatëse, për shembull Index.html. Kjo do t'i lejojë shfletuesit të kuptojë se me çfarë ka të bëjë dhe të shfaqë faqen në mënyrë korrekte. Është e këshillueshme që të ruani të gjithë skedarët e përdorur për krijimin e faqes në një direktori, gjë që do t'jua bëjë shumë më të lehtë jetën në të ardhmen. Bazat e gjuhës së shënjimit të hipertekstit HTML presupozojnë një kuptim të fortë të strukturës së dokumentit. Fillon me një etiketëi cili i tregon shfletuesit versionin e HTML që përdoret në këtë dokument. Për momentin, versioni i pestë i gjuhës është i rëndësishëm, kështu që nuk ka nevojë të shpikni asgjë këtu, mund të futni me siguri etiketën e mësipërme në fillim të çdo faqeje.

Pastaj janë strukturat kryesore të çiftëzuara që përbëjnë "skeletin" e sitit. Etiketa e parë në të cilën janë futur të gjithë të tjerët - ...... Çdo gjë jashtë saj nuk njihet nga shfletuesi si një faqe interneti, kështu që ai hap dokumentin dhe e mbyll atë. Kjo etiketë kërkohet për çdo dokument. Ai gjithashtu përmban disa etiketa të tjera të kërkuara, të cilat do të diskutohen më poshtë.

kokë

Brenda etiketës ... përmban informacion teknik që nuk do të shfaqet në faqe, por megjithatë është një pjesë e rëndësishme e dokumentit HTML. Bazat e faqes janë hedhur pikërisht në këtë vend, këtu zgjidhet kodimi dhe futet emri i faqes. Përmbahet brenda një etikete të kërkuar ...... Titulli shfaqet në krye të shfletuesit, ku mund të vendosni edhe një ikonë të vogël që karakterizon përmbajtjen e faqes. Këshillohet që menjëherë të tregoni kodimin e dokumentit për shfaqjen e saktë të tij. Kjo mund të bëhet duke përdorur etiketën ... Meta etiketat ofrojnë informacion në lidhje me strukturën e një faqeje dhe zakonisht ndodhen brenda kokës.

Lidhje

Njohja e bazave të HTML përfshin gjithashtu përdorimin e fletëve të stilit kaskadë, ose css. Ata vendosin vetitë e elementeve që do të shfaqen në faqe. Qasja moderne për këtë detyrë përfshin transferimin e karakteristikave të tilla si ngjyra, lartësia dhe vendndodhja e një elementi në një skedar të jashtëm për lehtësi më të madhe. Për të lidhur skedarin css, përdorni etiketën ... Në formë të përfunduar, duket diçka si kjo: ku href tregon vendndodhjen e skedarit dhe lloji tregon llojin e tij.

Trupi

Pikërisht në këtë pjesë të dokumentit HTML krijohet pjesa e dukshme e faqes. Gjithçka që bëhet brenda "trupit" do të shfaqet nga shfletuesi. V janë përdorur një numër i madh i etiketave HTML. Bazat janë formatimi i tekstit, puna me lidhjet dhe mjetet bazë për strukturimin e një faqe interneti. Për të filluar në HTML, ju vetëm duhet të dini dhe të përdorni etiketat bazë. Më poshtë janë ato më të njohurat: