Pasi të shkruhet pjesa e trupit të faqes, ju mbyllni etiketën trupi meqë trupi është i mbaruar. Dhe tregoni se nuk e përdorni sot html .

Nëse dëshironi të mësoni më shumë rreth etiketave html dhe të mësoni se si të futni jo vetëm fotografi, por edhe video, të krijoni butona, forma të ndryshme, lista, paragrafë, atëherë unë mund t'ju ofroj një kurs falas nga Evgeny Popov " bazat html ". Vetëm 33 mësime do t'ju ndihmojnë të arrini një nivel të ri.

Unë gjithashtu dua t'ju rekomandoj një kurs video që tregon se si janë krijuar faqet. I gjithë procesi tregohet në shembuj realë, gjë që është veçanërisht e mirë. Kursi është i destinuar si për fillestarët që nuk e dinë ende HTML-në, ashtu edhe për ata që tashmë e njohin mirë HTML dhe CSS, megjithatë, ata nuk dinë të vendosin mirë faqet. Më shumë informacion mund të merrni duke klikuar në lidhjen: www.srs.myrusakov.ru/makeup

Përveç kësaj, merrni Libër pa pagesë për ndërtimin e faqeve të internetit ! Ky libër u drejtohet fillestarëve dhe aty po krijohet faqja e internetit FROM dhe TO. Kjo do të thotë, përgatitet dizajni, pastaj krijohen faqet, shkruhet pjesa e softuerit dhe më pas faqja vendoset në internet. Autori komenton me kujdes gjithçka, dhe libri ka shumë pamje dhe ilustrime. Për më tepër, e veçanta e librit është se nuk po krijohet ndonjë faqe abstrakte, por mjaft reale dhe ekzistuese në internet.

Sot keni bërë shumë, sepse hapi i parë është më i vështiri.

Abonohuni në buletinin dhe Grupi VKontakte , dhe mësoni më shumë: si dhe pse keni nevojë për një motor uebsajti, çfarë është faqosja e bllokut dhe rrjeti modular, si të shkruani faqe interneti dhe shumë më tepër.

Shihemi sërish dhe fat të mirë!

Udhëzim

Çdo gjë që vizitori sheh në ueb rikrijohet nga shfletuesi nga udhëzimet e dërguara nga serveri i tij. Këto udhëzime janë të shkruara në HTML (HyperText Markup Language - “gjuha e shënjimit të hipertekstit”) dhe htm dhe html janë të theksuara për skedarët në të cilët janë ruajtur. Ju mund të krijoni një skedar të tillë në një redaktues teksti të rregullt - ky do të jetë hapi i parë në krijimin faqet e internetit. Hapni, për shembull, Notepad standard dhe krijoni një skedar bosh të quajtur index.html. Kur shkruani një adresë uebsajti pa specifikuar një adresë specifike faqe(për shembull, ), para së gjithash kërkon faqe me të njëjtin emër - indeks.

Udhëzimet e gjuhës HTML quhen "etiketa" dhe secila prej tyre është e mbyllur në kllapa të tilla -<>. Disa nga etiketat janë të çiftuara, domethënë ato përbëhen nga etiketat hapëse dhe mbyllëse, dhe informacioni vendoset midis tyre. Për shembull, një etiketë që i tregon shfletuesit se kodi më poshtë është në HTML, si kjo: Etiketa fundore, e cila ju tregon se kodi HTML ka përfunduar në këtë pikë, është shkruar kështu: Siç mund ta shihni, etiketa mbyllëse ndryshon nga etiketa e hapjes duke pasur një të pjerrët pas kllapës së hapjes (

I gjithë kodi që vendosni midis etiketave Dhe, duhet të ndahet në dy pjesë - kreu dhe trupi i dokumentit. Etiketat e kokës hapëse dhe mbyllëse janë shkruar kështu: Kjo është pjesa "shërbimi" i faqes - këtu vendosen informacione për titullin e dritares, fjalët kyçe dhe përshkrimet për robotët e kërkimit, përshkrimet e stileve, skriptet, etj. Vendosni titullin e dritares së faqes në të: Teksti i plotë i faqes suaj html në këtë pikë duhet të duket kështu:

Pas pjesës së kokës, duhet të vendosni etiketa midis të cilave do të mbyllen udhëzimet e trupit të dokumentit: Futni mes tyre, për shembull, një etiketë që shfaqet faqe paragrafi i tekstit:

Këtu është një paragraf i tërë informacioni!

Rreshti i parë i paragrafit.


Rreshti i dytë i paragrafit.

Rreshti i parë i paragrafit.


Rreshti i dytë i paragrafit.

Ose , ose më mirë akoma, të katërt, sepse shumë elementë HTML shfaqen ndryshe në shikues të ndryshëm dhe është më mirë t'i mbani nën kontroll këto dallime.

Përveç shfletuesit, do të na duhet çdo redaktues teksti, për shembull, Notepad nga Windows ose Notepad, por Dreamweaver është ideal. Programi nevojitet për të përgatitur skedarët HTML dhe shfletuesi nevojitet për të parë dhe kontrolluar daljen. Me ndihmën e këtyre mjeteve, ne do të krijojmë një faqe WEB në kompjuterin tonë lokal, më pas do ta vendosim atë në një nga serverët WWW në internet, duke i bërë kështu faqet tuaja WEB të disponueshme për të gjithë botën.

Përgatitja për të krijuar një faqe WEB

Si shembull, le të përgatisim faqet WEB të një kompanie të caktuar. Le ta quajmë "Company SD", le të themi se punon në fushën e sistemeve të kontrollit automatik. Qëllimi i faqes WEB është t'i tregojë botës për kompaninë, fushën e saj të veprimtarisë, për të gjetur partnerë dhe klientë.

Skedarët e faqes sonë WEB kanë nevojë për një dosje të veçantë.

Krijoni një dosje me emrin WEB në çdo hard disk të kompjuterit tuaj. Tani le të hapim programin Notepad dhe të fillojmë punën.

Hapni një program, për shembull Notepad, duke klikuar butonin Start në Taskbar dhe duke zgjedhur Programs - General - Notepad nga menyja që shfaqet.

Mund të përdorni çdo redaktues tjetër teksti. Por në këtë rast, duhet ta ruani skedarin si tekst të thjeshtë në mënyrë që të shmangni përfshirjen e shenjave të formatimit të palëve të treta në dokumentin WEB.

Së pari, le të prezantojmë etiketat kryesore që përcaktojnë strukturën e çdo dokumenti HTML. Kujtojmë që në kodin HTML lejohet të përdoret çdo rast i karaktereve - sipërme ose të poshtme.

Etiketat e 1-rë

Futni etiketat kryesore të mëposhtme nga tastiera, duke vendosur ndonjë prej tyre, duke mos llogaritur etiketën e mbylljes, në linjën më të re.

Për të futur etiketa të çiftuara, mund të përdorni operacionet e kopjimit dhe ngjitjes përmes kujtesës së Windows me shtimin e mëposhtëm të një prerje /.

Kujtojmë se 1 Dhe e fundit etiketat nënkuptojnë fillimin dhe fundin e dokumentit, përkatësisht, elementin … përcakton titullin e faqes WEB, element …është trupi i dokumentit, dhe në element tani do të specifikojmë titullin e faqes WEB.

Mes hapjes etiketat ngjitin titullin e dokumentit - Kompania SD. Ky element duhet të duket kështu:

Kujtoni që titulli i faqes WEB duhet të jetë i vogël dhe të tregojë përmbajtjen e saj në masën më të madhe.

Detyra jonë e radhës është të ngjitemi në trupin e dokumentit midis etiketave … një tekst i vogël - mirëseardhje për të ftuarit e faqes WEB.

Fusni një vijë të zbrazët midis etiketave Dhe dhe shkruani tekstin e mëposhtëm në të:

Mirë se vini në faqen e kompanisë SD! Këtu do të mësoni për aktivitetet tona, për produktet softuerike të kompanisë sonë dhe për pajisjet që ne prodhojmë.

Për çdo faqe WEB mund të gjeni ngjyrën e sfondit dhe ngjyrën e tekstit. Kjo bëhet duke përdorur atributet bgcolor dhe tekst të etiketës hapëse. . Ekzistojnë dy opsione për të specifikuar një ngjyrë si një vlerë atributi:

• tregues verbal i emrit të ngjyrës, për shembull, e bardhë (borë e bardhë). Ka gjashtëmbëdhjetë emra të tillë në HTML;
• një numër në shënimin heksadecimal, për shembull, "#ffffff" - e bardhë e pastër, e cila tregon se si formohet ngjyra nga ngjyrat kryesore - të kuqërremta, jeshile dhe blu.

Ngjyrosja e faqes së parë të internetit

Natyrisht, treguesi verbal i ngjyrës është më i rehatshëm dhe i kuptueshëm. Nga ana tjetër, emërtimet numerike janë më të fuqishme sepse ju lejojnë të specifikoni në të vërtetë ndonjë nga 16,777,215 ngjyrat, ndërsa emërtimet verbale janë të kufizuara në vetëm gjashtëmbëdhjetë ngjyra.

Le të rendisim disa emra ngjyrash: e zezë (e errët), gri (grija), e kuqe (e kuqërremtë), jeshile (e gjelbër), aqua (blu).

Le të përdorim si shembull për sfondin e faqes sonë WEB ngjyrën blu (blu), dhe për tekstin - të verdhë (e verdhë).

Ngjitni në etiketën hapëse atributet bgcolor="blu" dhe text="verdhë". Kjo etiketë duhet të duket si kjo:

Përveç specifikimit të ngjyrës, mund të përdorni edhe një skicë të parapërgatitur për sfondin e faqes WEB. Por ne do të flasim për këtë në të ardhmen.

Në dritaren e programit Notepad, zgjidhni komandën e menusë File - Save (File - Save). Dialogu Ruaj si do të shfaqet në ekran.

Hapni dosjen WEB të krijuar më parë, në të cilën duhet të ruhen të gjithë skedarët e faqes WEB.

Në fushën e futjes së emrit të skedarit, shkruani other.html - kështu do ta emërtojmë këtë skedar.

Ju lutemi vini re: duhet të specifikoni shtrirjen e emrit të skedarit HTML në mënyrë që shfletuesi të mund ta hapë atë. Ju gjithashtu mund të shkruani htm, por ky është tashmë një format i vjetëruar dhe nuk rekomandohet fuqimisht ta përdorni.

Shihni rezultatin e punës

Tani mund të shikoni rezultatet e punës sonë.

Pa u mbyllur, minimizoni dritaren e Notepad.

Hapni dosjen WEB në të cilën keni ruajtur skedarin other.html duke përdorur programin Windows Explorer dhe klikoni dy herë mbi ikonën e tij. Shfletuesi i paracaktuar do të hapet dhe dokumenti other.html do të hapet në dritaren e tij.

Shikoni, titulli i dritares së shfletuesit tregon titullin e dokumentit që kemi futur në element , dhe ngjyra e sfondit dhe tekstit të faqes është e njëjtë siç tregohet në etiketë . Teksti shfaqet në një paragraf dhe është rreshtuar në të majtë.

Ndoshta në shfletuesin tuaj madhësia e shkronjave të tekstit do të jetë më e madhe ose më e vogël se në foto. Në këtë rast, zgjidhni komandën e menysë View - Font Size - Medium (View - Text Size - Medium) në shfletuesin Internet Explorer për të vendosur madhësinë mesatare të shkronjave.

Duhet të kuptohet se shfletues të ndryshëm mund të shfaqin përmbajtjen e të njëjtit skedar HTML ndryshe. Prandaj, kur zhvilloni faqe WEB, është më mirë që gjithmonë të shikoni rezultatin në të gjithë shfletuesit më të njohur - Internet Explorer, Opera, Mozilla. Në këtë rast, do të bindeni se i ftuari i faqes suaj WEB do të shohë saktësisht atë që dëshironi t'i tregoni.

Shikoni skedarin e krijuar në një shfletues tjetër. Në këtë fazë të punës, dallimet nuk do të jenë të dukshme.

Pa mbyllur, minimizoni dritaret e shfletuesit.

Sepse në element Nëse e kemi futur tekstin pa e ndarë në paragrafë, atëherë në shfletues ai shfaqet si paragrafi i parë dhe rreshtohet në të majtë. Tani duhet t'i japim tekstit një pamje më të bukur.

Në përgjithësi, do të vlerësoj kohën për studimin bazë html si 2-8 orë, pjesa tjetër është fakultative. Dhe, sigurisht, koha e studimit varet nga interesi. Unë rekomandoj ta ndani në disa ditë nga 20-30 minuta secila.

Ju jeni gati? Atëherë le të shkojmë!

Ne NUK kemi nevojë për një lidhje interneti për të krijuar një faqe në html.

do të na duhet

2) Çdo shfletues interneti si p.sh Internet Explorer për Windows ose safari për Mac OS X dhe iOS. Po, edhe ju mundeni Mozilla, Google Chrome, Opera, Yandex Dhe Postë shfletues etj.

Le të fillojmë të krijojmë një faqe HTML

2) Krijo skedarin tonë në një redaktues teksti siç është Notepad. Me tutje Ruaj si.

Kodimi është më mirë të zgjidhni UTF-8, pastaj zgjidhni të gjitha llojet e skedarëve dhe zgjidhni një emër skedari me .html në fund, për shembull index.html

Ne zgjedhim si drejtori (dosje) ku të ruajmë html
Klikoni ruaj. Gati!

Shpesh shtrohet pyetja se çfarë zgjerimi i skedarit nuk është i dukshëm. Le ta marrim me radhë

Mundësia për të parë shtesat e skedarëve mund të ndihmojë në përcaktimin e llojit të skedarit dhe ju lejon të bëni manualisht (me komandën riemërto) ndryshoni jo vetëm shtrirjen, por edhe llojin e skedarit (për shembull, nga txt në html)

3) ngjisni në të të gjithë kodin (së bashku me komentet) më poshtë:

Titulli i faqes sime

4) hapni skedarin. Ju mund të zgjidhni një shfletues tjetër për të hapur këtë skedar, për këtë ne shtypim butonin e djathtë të miut në skedarin tonë index.html - Për të hapur me dhe zgjidhni një shfletues nga lista, për shembull, Internet Explorer, Google Chrome, Mozilla, Shfletuesi Yandex, etj.

Si rezultat, duke hapur Shfletuesin e Internetit, rezulton index.html, Ju duhet të shihni një faqe si kjo:

Foto 1.

Në Figura 1 ne shohim se si shfletuesi shfaqi faqen tuaj si rezultat. Teksti i elementeve të mëposhtëm është theksuar me të kuqe:

Titulli i faqes sime

Kjo është faqja ime e parë në internet!

Në kodin më poshtë mund të shihni minimumin bazë të një dokumenti html. Duhet të mësohet dhe të mos ngatërrohet vende-vende duke hapur dhe mbyllur etiketat.

Etiketë kokë zgjedh kreun e dokumentit. Ai përmban elemente që lidhen kryesisht me ndihmën e Browser-it në përpunimin e elementeve të faqes tuaj (titulli, fjalë kyçe, autorësia, etj.) Konkretisht për përmbajtjen e tij do të flasim më vonë.

Etiketë titullin qëndron për titullin e faqes. Ky është etiketa e vetme që përmbahet në kokë Ajo që shfaqet në faqe. Ajo që futni pas hapjes dhe para etiketës mbyllëse do të jetë Titulli i faqes tuaj në internet

Etiketë trupi qëndron për trupin e faqes. Çfarë të shkruani pas etiketave të hapjes dhe mbylljes trupi dhe do të jetë përmbajtja e faqes suaj

Çdo titull

Teksti në një paragraf. Do të fillojë në një linjë të re dhe do të përfundojë me një etiketë mbyllëse.

Pothuajse të gjitha etiketat në HTML hapja dhe mbyllja(një përjashtim është, për shembull, etiketa img, që do të thotë të futësh një imazh).

Edhe një herë, ju kujtoj se është e rëndësishme të mos harroni të shkruani etiketa mbyllëse për të gjitha llojet e tjera të etiketave, përndryshe Shfletuesi nuk do të kuptojë saktësisht se ku dëshironi të përfundoni këtë apo atë element. Si më poshtë:

Unë dua të theksoj tekstin e guximshme, dhe kjo me shkronja të pjerrëta

E kemi harruar qëllimisht etiketën mbyllëse b pas fjalës me shkronja të zeza. Si rezultat, shfletuesi shfaqi sa vijon

Unë dua të theksoj tekstin e guximshme, dhe kjo me shkronja të pjerrëta

Siç mund ta shihni, teksti deri në fund do të jetë me shkronja të theksuara, dhe ai që është menduar të jetë i pjerrët do të jetë i theksuar dhe i pjerrët. Kështu që kini kujdes!

5) Nëse dëshironi të redaktoni diçka në skedarin tuaj index.html(dhe tani hapet si parazgjedhje vetëm nga shfletuesi), më pas shtypim butonin e djathtë të miut në skedarin tonë index.html- zgjidhni Për të hapur me dhe nga lista zgjedhim tashmë një redaktues teksti, ai do të jetë ose Notepad, ose një redaktues tjetër teksti që keni instaluar.

Në parim, ai shpjegoi bazat. Deri më tani, faqja html duket mjaft e thjeshtë, por në mësimet e ardhshme do t'ju tregoj në detaje për këto dhe elementë të tjerë dhe qëllimin e tyre - ne do të fusim imazhe, do të bëjmë lidhje dhe shumë më tepër)

urime!
A është e lehtë?)