Komanda e gjuhës html ekzekutohet nga shfletuesi. Çfarë është hiperteksti? Çfarë është HTML

30.10.2019 TV (Smart TV)

Kushtet

Këtu janë disa terma që do të hasni më vonë.

WWW është një shkurtim i njohur për World Wide Web, sinonim i Internetit.

Web është një shkurtim për World Wide Web.

Një faqe interneti është një dokument i veçantë (një skedar teksti i përgatitur në një mënyrë të veçantë) i ruajtur në internet.

Një shfletues ueb është softueri i nevojshëm për të shfaqur një faqe interneti në ekran.

Një sajt është një grup ueb faqesh që i përkasin një pronari.

Faqja kryesore - faqja kryesore (titulli) e faqes.

URL - Uniform Resource Locator, përdoret për të treguar adresën e një faqeje në WWW.

Një server në internet është një kompjuter me softuer të veçantë në të cilin duhet të vendosen faqet e internetit në mënyrë që ato të shihen në internet.

Çfarë është hiperteksti?

Avantazhi kryesor i WWW është krijimi i dokumenteve të hipertekstit, dhe nëse jeni të interesuar për ndonjë artikull në një dokument të tillë, atëherë thjesht duhet të "godisni" kursorin në të për të marrë informacionin e nevojshëm. Është gjithashtu e mundur të bëhen lidhje në një dokument me të tjerët të shkruar nga autorë të tjerë ose edhe të vendosura në një server tjetër. Një nga avantazhet kryesore të WWW ndaj mjeteve të tjera të kërkimit dhe transmetimit të informacionit është "multidialiteti" i tij. Në WWW mund të shihni tekst dhe imazhe, zë dhe animacion njëkohësisht në një faqe. Ju mund të lexoni shumë shkurt për historinë e hipertekstit në faqen e internetit të Artemy Lebedev.

Çfarë është HTML?

HTML qëndron për gjuhën H yper T ext M arkup L, d.m.th. gjuha e shënjimit të hipertekstit. Ky është standardi sipas të cilit dokumentet e internetit jepen nga shfletuesit. Siç sugjeron emri, HTML është një metodë e shënimit të tekstit të thjeshtë në mënyrë që shfletuesi të shfaqë informacionin në formatin e dëshiruar. Skedarët që përmbajnë tekst me shenjëzim html duhet të kenë shtesën htm ose html.

Komandat HTML quhen etiketa, dhe ato tregojnë se çfarë operacioni duhet kryer, të tilla si shfaqja e tekstit, vizatimi i një rreshti ose përdorimi i grafikës. Etiketat e përfshira në tekst mund të ndryshojnë fontet, stilet dhe të krijojnë efekte speciale. Kjo ju lejon të siguroni një ndërfaqe grafike interesante ndërsa shfaqni një skedar teksti standard. Përveç ndryshimit të stilit të tekstit, HTML gjithashtu i tregon shfletuesit kur një tekst i caktuar në një faqe duhet të konsiderohet si një lidhje hiperteksti, ku të futen grafika dhe elementë të veçantë, komandat e dërgimit të postës dhe veçori të tjera të aksesueshmërisë.

HTML nuk është një gjuhë programimi në kuptimin e vërtetë të fjalës. Ka një format specifik, që është standard botëror. Ky standard quhet Definicioni i Llojit të Dokumentit, ose DTD. Standardi i parë HTML DTD që u shfaq në internet ishte versioni 1.0. Pastaj u krijua versioni 2.0 për WWW, i cili ishte më i menduar. Standardi aktual është versioni HTML 4.0.

Struktura e komandës HTML

Komandat HTML (etiketat) janë të mbyllura në kllapa këndore:

- fillimi i komandës

fushën e veprimit të komandës

- fundi i komandës

Standardi i gjuhës HTML kërkon praninë e etiketës "fundi i komandës", përveç në raste të veçanta.

Komanda e parë e një dokumenti html është komanda, përkatësisht komanda e fundit do të jetë - (shqiptohet "jo html").

Në përgjithësi, struktura e dokumentit html duket si kjo:

ato. Dallohen qartë dy seksione: ("koka") dhe ("trupi").

KOMENT. HTML nuk është i ndjeshëm ndaj shkronjave të vogla. Komandat e gjuhës mund të shtypen me shkronja të mëdha dhe të vogla, d.m.th. komanda është ekuivalente me komandën ose.
Nëse shfletuesi nuk e mbështet komandën, ai thjesht e injoron atë.

Rreshti i parë i një dokumenti HTML është një komandë shërbimi që lejon shfletuesin të identifikojë llojin e dokumentit (DOCTYPE) si një dokument në standardin HTML 4.0 të përcaktuar nga Task Forca e Inxhinierisë së Internetit (IETF). Ky rresht tregon gjithashtu DTD-në përkatëse (Deklarata e llojit të dokumentit - përshkrimi i llojit të dokumentit): dokumenti është PUBLIK (d.m.th., nuk varet nga cilësimet e sistemit) dhe gjuha e dokumentit është rusishtja (RU).

Në krye të dokumentit html ekziston një komandë që shfaq emrin e faqes në titullin e dritares së shfletuesit (shiriti blu në krye të dritares):

Titulli i faqes

Teksti aktual që duhet të jetë në dokumentin html vendoset midis komandave dhe, për shembull:

Shembull teksti HTML

Mirë se vini në HTML!

Për të parë se si do të duket ky shembull në shfletues, duhet të kopjoni gjithçka në Notepad, të ruani skedarin nën emrin primer.htm dhe më pas të klikoni në emrin e skedarit në Explorer - si rezultat i këtij dokumenti html automatikisht do të hapet në dritaren e Internet Explorer:

Atributet

Komandat mund të kenë parametra të quajtur atribute. Atributet modifikojnë ekzekutimin e një komande, vendosen menjëherë pas emrit të komandës, brenda kllapave këndore dhe kanë formatin e mëposhtëm:

ATTRIBUTE="attribute_vlera"

Nëse atributi_vlera përbëhet nga një fjalë, atëherë thonjëzat nuk janë të nevojshme. Nëse atributi_vlera përmban hapësira ose karaktere jo shkronjash, atëherë kërkohen thonjëza.

Nëse një komandë ka shumë atribute, ato ndahen me hapësira:

Si shembull i atributeve, merrni parasysh komandën, e cila vendos kodimin e Windows për shkronjat e alfabetit rus dhe ndodhet rreptësisht brenda seksioni:

Shembuj të atributeve

Nëse e kaloni komandën, atëherë situatat janë të mundshme kur në ekranin e shfletuesit do të ketë "krakozyabry" në vend të shkronjave ruse. Por kur përdorni këtë komandë kjo nuk do të ndodhë!

Redaktorët HTML

Të gjithë dokumentet html shkruhen si tekst i thjeshtë, kështu që ato mund të krijohen dhe modifikohen në çdo redaktues teksti, për shembull, Notepad. Por është shumë më i përshtatshëm për të përdorur redaktues të specializuar html, për shembull UltraEdit (i licencuar) ose Smart Web Builder (falas).

Në këta redaktorë, të gjitha komandat HTML shfaqen në një ngjyrë dhe atributet e komandave në një tjetër. Ndërsa vetëm teksti do të jetë i zi. Falë kësaj, nëse ka një gabim në emrin e një komande (ose atributi), ai do të shfaqet në të zezë, si teksti i rregullt.

Ngjyra në dokumentin html

Një komandë ka disa atribute.

Atributi bgcolor= ju lejon të vendosni ngjyrën e sfondit të faqes:

Kjo faqe ka një sfond të verdhë.

Ju mund ta vendosni ngjyrën në dy mënyra:

Përcaktimi i emrit të ngjyrës së zgjedhur.
Përcaktimi i numrit të ngjyrës si një raport i nuancave të kuqe, jeshile dhe blu (Red-Green-Blue=RGB).

Numri i ngjyrës RGB specifikohet ose nga tre numra heksadecimal dyshifrorë (HEX) (numri duhet të paraprihet nga një shenjë #), ose duke përdorur funksionin e integruar rgb(), secili nga tre argumentet e të cilit mund të ndryshojë nga 0 deri në 255, për shembull: rgb(153,102,255). Çdo numër në intervalin () përcakton intensitetin e ngjyrës përkatëse.

Për shembull, numri i ngjyrës "#FF0000"=rgb(255,0,0) korrespondon me ngjyrën e kuqe (E kuqe), pasi ka intensitetin maksimal për përbërësin e kuq, dhe përbërësit jeshil dhe blu kanë vlera të barabarta në zero. Po kështu, numri "#00FF00"=rgb(0,255,0) korrespondon me ngjyrën Jeshile, dhe numri "#0000FF"=rgb(0,0,255) korrespondon me Blu.

Ekzistojnë 16 emra standarde të ngjyrave të mbështetura nga Windows:

	E zezë = "#000000"		E gjelbër = "#008000"
	Argjend = "#C0C0C0"		Gëlqere = "#00FF00"
	Gri = "#808080"		ulliri = "#808000"
	E bardhë = "#FFFFFF"		E verdhë = "#FFFF00"
	Maroon = "#800000"		Marina = "#000080"
	E kuqe = "#FF0000"		Blu = "#0000FF"
	vjollcë = "#800080"		Teal = "#008080"
	Fuchsia = "#FF00FF"		Aqua = "#00FFFF"

Përveç këtyre 16 emrave të ngjyrave, ekziston edhe një tabelë e zgjeruar e ngjyrave. Ju mund të përdorni emrat e ngjyrave nga kjo tabelë, por është akoma më e sigurt të specifikoni numrin RGB. Çështja është se megjithëse puna Red-Green-Blu teorikisht ju lejon të nxirrni "një milion" ngjyra, në realitet gjithçka përcaktohet nga karta video dhe monitori që klienti po përdor.

Kur krijoni një imazh për publikim në internet, sfida kryesore është riprodhimi i saktë i ngjyrave në lloje të ndryshme të kompjuterëve, monitorëve dhe shfletuesve. Kur shfletuesi nuk është në gjendje të japë saktë një ngjyrë të caktuar, ai zgjedh një ngjyrë tjetër ose përzien disa ngjyra ngjitur. Ndonjëherë një ngjyrë mund të zëvendësohet me diçka krejtësisht të papërshtatshme. Prandaj, u zhvillua një e ashtuquajtur gamë ngjyrash "e sigurt". Kur përdorni ngjyra nga kjo paletë, mund të jeni të sigurt se çdo ngjyrë do të jepet në mënyrë korrekte dhe pa shtrembërim. Çdo nga 216 ngjyrat në paletën "të sigurt" mund të përdoret për grafikë, tekst dhe sfond. Paleta përbëhet nga 32 kombinime të 6 nuancave të kuqe, jeshile dhe blu.

Titujt

HTML ka gjashtë nivele titujsh, të numëruar nga 1 deri në 6 (titulli i nivelit të parë është titulli më i madh). Krahasuar me tekstin normal, Titujt theksohen automatikisht me shkronja të zeza.

Sintaksa e kokës:

Titulli më i madh, në qendër

Titulli i mesëm, si pozicionohet?

Koka më e vogël

këtu h është komanda aktuale për vendosjen e kokës ( Kreu), dhe një numër nga 1 në 6 përcakton madhësinë e kokës,
align= - atribut që specifikon vendndodhjen e titullit në ekran:
align=left - vend në të majtë (pranuar si parazgjedhje, d.m.th. mund të hiqet)
align=center - vend në qendër të dritares
align=right - vendoseni në anën e djathtë të dritares së shfletuesit.

Paragrafët

Komanda e paragrafit

Ai gjithashtu ka atributin align=, i cili, përveç tre vlerave të treguara më sipër, mund të ketë edhe vlerën justifikuese:

vendosja e shtrirjes së skajit të djathtë të tekstit në ekran (siç bëhet në këtë tekst).

Ndryshe nga dokumentet e krijuara në redaktuesin Word, ndërprerjet e rreshtave nuk janë të rëndësishme në dokumentet HTML. Një ndërprerje rreshti mund të ndodhë në çdo hapësirë në skedarin tuaj burimor dhe do të injorohet gjatë shikimit. Për shembull:

Kapitulli 1

Mirë se vini në HTML!

Këtu do t'ju tregojmë se si dhe si të mos krijoni faqe në internet.

Nuk është aq e vështirë.

Në dosjen burimore, dy fjalitë e paragrafit të parë janë në dy rreshta të ndryshëm. Shfletuesi e injoron këtë ndërprerje të linjës dhe fillon një paragraf të ri vetëm pas komandës

Duke përdorur komandën
mund të shkoni në një rresht të ri pa filluar një paragraf të ri (në shumicën e shfletuesve, paragrafët shënohen me vija bosh shtesë). Për shembull, linja

Fakulteti
ku mësojmë

Hapësirë që nuk thyhet

Meqenëse shfletuesi injoron ndërprerjet e linjës në skedarin html, ku një rresht në ekran përfundon dhe fillon një tjetër varet nga madhësia e shkronjave në ekranin e klientit. Përveç kësaj, shfletuesi injoron çdo numër hapësirash midis fjalëve - të gjitha hapësirat janë zëvendësuar me një. Prandaj, nëse keni nevojë të vendosni disa hapësira në një rresht, të ashtuquajturat karakter primitiv"hapësirë pa ndërprerje" që fillon me një ampersand (&) dhe mbaron me një pikëpresje: (shkurt për Hapësirë pa pushim).

Primitivët e karaktereve janë të ndjeshme ndaj shkronjave të vogla: NUK MUND të përdoren në vend të tyre.

Për shembull, linja

Fakulteti ku studiojmë

do të duket kështu në ekran:

Meqenëse shfletuesi thyen rreshtin në një hapësirë, është e mundur që, për shembull, inicialet të mbeten në një rresht, por mbiemri "të zhvendoset" në një tjetër. Për të mos lejuar që kjo të ndodhë, duhet të vendoset një hapësirë që nuk thyhet midis inicialeve dhe mbiemrit.

Në tipografinë ruse, ekzistojnë rregulla strikte për vendosjen e simbolit të hapësirës që nuk prishet.

Karakteri i hapësirës pa ndërprerje (le ta shënojmë si ) përdoret në rastet e mëposhtme.

Përpara vizës:
Ky është një shembull
ato. Një vizë nuk mund të fillojë një rresht nëse nuk është fillimi i një fjalie me fjalim të drejtpërdrejtë.

Midis dy inicialeve dhe inicialeve dhe mbiemrit:
I. I. Ivanov
ato. opsion pa asnjë hapësirë fare: I.I. Ivanov - kategorikisht e papranueshme!

Midis shenjës së numrit (№) ose shenjës së paragrafit (§) dhe numrave të mëposhtëm:
Nr. 7, § 3
dhe këtu është opsioni pa hapësirë: Nr. 7 - një gabim tipik i rëndë!

Midis një numri dhe njësisë së mëposhtme të matjes:
Shekulli XVIII, 10 kg, 2000

Midis shkurtesës dhe mbiemrit:
Zoti Petrov

Pas shkurtesave gjeografike:
Novosibirsk, r. Ob

Zhvendos tekstin

Për të shfaqur tekstin me një zhvendosje të lehtë në të djathtë (nga skaji i majtë i ekranit), për shembull poezi, përdorni komandat e mëposhtme:

Fakulteti
ku mësojmë

do të duket kështu në ekran:

Listat

Sot, listat mund të shihen pothuajse në çdo faqe interneti. Ekzistojnë disa formate liste që ju lejojnë të nënvizoni pjesë të veçanta të informacionit në tekstin standard. Në një paragraf të rregullt, teksti lëviz nga rreshti në rresht. Teksti në lista duket ndryshe. Artikujt e listës janë të dhëmbëzuara nga margjinat, të ndara nga paragrafët e tjerë të tekstit dhe gjithashtu janë të shënuara me pika ose të numëruara.

Kur përdoren si duhet, listat i bëjnë sasi të mëdha informacioni të lehta për t'u lexuar dhe të dukshme. Listat mund të futen brenda njëra-tjetrës, duke formuar një strukturë komplekse. Për shembull, mund të përdorni një listë për të organizuar lidhjet.

Ekzistojnë tre lloje kryesore të listave: listat me pika (të panumëruara), të numëruara dhe listat definitive. Ato janë të ngjashme në atë që të gjithë vendosin çdo artikull në një rresht të ri, në mënyrë që të mund të theksoni tekstin që dëshironi. Dallimi kryesor midis llojeve të listuara është metoda dhe struktura e numërimit.

Lista me pika

Më e përdorura është një listë e panumëruar ose me pika. Çdo artikull në një listë të tillë fillon me një ikonë miniaturë.

Një listë me pika specifikohet me anë të komandave (Lista e pa renditur), dhe artikujt e listës ndërmjet komandave specifikohen duke përdorur komandën

(Artikulli i listës).

Për shembull, një listë

Sistemet e numrave

Jo pozicionale
Pozicionale

do të duket kështu:

Komanda e listës

Nëse një listë është e vendosur brenda një tjetre, lloji i shënuesit ndryshon automatikisht:

Sistemet e numrave

Jo pozicionale
Egjiptian i lashtë
romake
sllavishtja e vjetër
Pozicionale
babilonase
indiane

Në ekran duket kështu:

Lista e numëruar

Një listë e numëruar është shumë e ngjashme me një listë me pika. Dallimi i vetëm është se në një listë të numëruar, numrat ose shkronjat vijuese vendosen automatikisht përpara çdo artikulli në vend të shënuesve grafikë. Falë kësaj, nuk keni pse të thirrni manualisht numrin e secilit artikull në listë.

Një listë e numëruar specifikohet duke përdorur komandat (Lista e renditur) dhe . Ashtu si në një listë me pika, çdo artikull specifikohet nga komanda
, Për shembull:

Sistemet e numrave
Jo pozicionale
Pozicionale

do të duket kështu:

Siç mund ta shihni, në skedarin burimor nuk ka numra (1, 2) pranë elementeve të listës.

Si parazgjedhje, listat HTML numërohen automatikisht duke përdorur numra arabë - 1, 2, 3, etj. Ju mund të specifikoni një metodë të ndryshme numërimi, të tilla si shkronja (të mëdha ose të vogla) ose numra romakë. Për të ndryshuar llojin e paracaktuar të numërimit, shtoni komandës atributin type=.

Më poshtë janë pesë metoda të mundshme numërimi:

: numërimi standard dixhital - 1, 2, 3, ...
: shkronja të mëdha - A, B, C, D, ...
: shkronjat e vogla - a, b, c, d, ...
: Numrat romakë - I, II, III, IV, V, ...
: numra romakë të vegjël - i, ii, iii, iv, v, ...

Nëse keni nevojë që numërimi i listës të fillojë nga një numër specifik, duhet t'i shtoni komandës atributin start=, për shembull.

Lista e mbivendosur

Sistemet e numrave
Jo pozicionale
Egjiptian i lashtë
romake
sllavishtja e vjetër
Pozicionale
babilonase

indiane

duket kështu në ekran:

Lista e përkufizimeve

Megjithëse listat e definicionit nuk përdoren aq shpesh sa listat me pika ose me numra, ato gjithashtu mund të jenë të dobishme në disa raste. Lista e përkufizimeve ofron jo një, por dy rreshta për çdo artikull, të cilat mund të jenë të dobishme kur jepni informacion shtesë.

Listat e përkufizimeve duken pak më ndryshe se llojet e tjera të listave. Për të specifikuar vetë listën, përdorni komandat (Definition List) dhe . Në këtë rast, dy komanda përdoren për të përshkruar çdo artikull të listës, në vend të një. Komanda (Definition Term) specifikon një element të veçantë, domethënë termin që definohet, dhe komanda (Definition Description) specifikon informacionin e mbetur, i cili shfaqet në rreshtin tjetër të prerë. Linja e dytë e informacionit quhet përkufizim.

Lista e shembujve të përkufizimeve:

MMF
Fakulteti i Mekanikës dhe Matematikës.
FIT
Fakulteti i Teknologjive të Informacionit.

Përshëndetje! Në artikullin e sotëm do të përpiqem të jap informacionin më bazë dhe të dobishëm për ata që po përpiqen të kuptojnë gjuhën e shënjimit të hipertekstit HTML. Ne do të zbulojmë qëllimin e tij; rishikimi do të përshkruajë etiketat dhe komandat kryesore të gjuhës HTML dhe parimet e punës me të. Nga artikulli do të mësoni pse dhe si të përdorni HTML në praktikë kur punoni me një blog ose faqe interneti.

Qëllimet dhe objektivat bazë të HTML

Jo shumë kohë më parë isha në blogun tim. Prej tij mund të mësoni se si të përdorni CSS për të ndryshuar pamjen e një faqe interneti dhe stilin e saj. Tani le të shohim bazat e paraqitjes së HTML për fillestarët.

HTML është një gjuhë shënjimi e hipertekstit për një faqe në internet, e cila ju lejon të përcaktoni strukturën e saj dhe t'i tregoni shfletuesit elementët kryesorë të saj. Kështu, për shembull, duke mbyllur tekstin e faqes në etiketa të caktuara html, mund të krijoni paragrafë, lista dhe tabela. Ato. Me ndihmën e html, ne ia bëjmë të qartë shfletuesit, dhe ai, në përputhje me rrethanat, do të shfaqë strukturën e faqes që kemi specifikuar për përdoruesin.

HTML është një mjet për të ashtuquajturin zhvillim të faqes së përparme. Çfarë do të thotë kjo? Me siguri keni dëgjuar më shumë se një herë se ekzistojnë koncepte të tilla në mjedisin e krijimit të faqes së internetit si front-end dhe back-end. Pra, zhvillimi i front-end (ndërfaqja e jashtme) përfshin mjete dhe gjuhë që janë përgjegjëse për shfaqjen e faqes drejtpërdrejt te përdoruesi. Shfaqet duke përdorur shfletues të ndryshëm (Internet Explorer, Opera, Mozilla, Chrome, etj.). Lexoni për të. Shfletuesit kuptojnë mirë HTML dhe CSS dhe transformojnë informacionin e marrë në një formë që përdoruesi mund ta kuptojë.

Zhvillimi i fundit bazohet në gjuhët e serverit, të tilla si PHP. Duke përdorur kodin PHP, të dhënat e faqes njihen nga serveri dhe më pas transmetohen në shfletues pasi kodi të konvertohet nga një përkthyes i veçantë. Ato. Shfletuesi e merr disi sitin në formën e shënjimit HTML dhe stileve CSS. Mund të shikoni kodin burimor të sajtit, për shembull, në . Nuk është gjithmonë e mundur të dallosh nga kodi burimor në cilën gjuhë programimi është shkruar faqja, por do të shihni kodet e stilit CSS dhe etiketat HTML pavarësisht.

Ku të filloni të mësoni HTML?

Nëse jeni serioz për të mësuar këtë gjuhë, atëherë ju këshilloj të shkarkoni menjëherë një libër të detajuar me komente të mira ose kurse video. Për të filluar, mund të shikoni këtë video:

Versioni më i ri i gjuhës HTML, aftësitë e së cilës shkojnë përtej thjesht shënimit të strukturës së tekstit, është HTML5. Përveç kësaj, në krahasim me HTML4, versioni i fundit ka shumë etiketa të reja dhe semantika ka ndryshuar.

Por në këtë artikull ne do të shikojmë ende versionin e katërt të njohur të gjuhës HTML dhe etiketat e saj kryesore. Për ta bërë këtë, le të shohim strukturën bazë të një faqe HTML, si dhe hierarkinë e etiketave. Nëse nuk dini se ku të filloni të mësoni HTML, atëherë informacioni i mëposhtëm do t'ju japë një kuptim bazë të parimeve të punës me gjuhën e shënjimit të hipertekstit.

Për të krijuar një dokument HTML ne do të përdorim një redaktues të përshtatshëm.

Gjëja e parë që duhet të deklarohet është lloji i dokumentit me një lidhje në seksionin e tij përkatës:

1 2

Tani le të krijojmë një faqe të thjeshtë index.html me komentet e mëposhtme:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

Titulli i faqes Titulli i faqes Nr. 1 Nëntitulli 2 Blloku i faqes së dytë

Titulli i faqes .blok1 ( sfondi: #fc0; ) .blok2 ( mbushja: 2 px; kufiri: 2 px ngjyrë gështenjë me pika; ngjyra: marina; ) Titulli i faqes Nr. 1 Blloku i parë i faqes nga paragrafi. Rreshti i dytë i bllokut nga paragrafi Nëntitulli 2 Blloku i dytë i faqes

Si rezultat, shfletuesi shfaq faqen e mëposhtme kur hap këtë skedar index.html:

Le të shohim më në detaje përbërësit e tij.

Korniza e dokumentit është etiketat: html, kokë, trup. Për më tepër, etiketa html përmban të gjithë pjesën tjetër:

1 2 3 4 5 6

Prandaj, etiketa html njofton hapjen dhe mbylljen e një dokumenti html për lexim ( - etiketa hapëse, - etiketa mbyllëse).

Koka është "koka" e dokumentit; ai përfshin informacione që nuk do të shfaqen në trupin e dokumentit. Prandaj, trupi është "trupi" i dokumentit, ose pjesa e dukshme e tij.

Në kokë tregojmë kodimin (charset=utf-8) dhe titullin e faqes. Më pas, për opsionin e mësipërm, ne lidhim stilet duke përdorur një etiketë direkt në vetë dokumentin html. Nëse, si në rastin e WordPress, përdoret një skedar i stilit të jashtëm style.css, ai lidhet në një mënyrë tjetër. Për shembull, si kjo:

@import url (style.css);

Në rastin tonë, ne po përcaktojmë stilet për blloqet blok1 dhe blok2. Ne i krijuam këto blloqe brenda etiketave të trupit duke përdorur etiketa për të cilat vendosëm klasën përkatëse (class=”blok1”). Kështu, ne e lidhëm emrin e klasës me stilin e saj.

Siç mund ta shihni në pamjen e ekranit, blloku i parë blok1 ka një mbushje të verdhë, dhe blok2 është i kornizuar dhe ngjyra e tij e tekstit është blu. Ne i vendosëm të gjitha këto duke përdorur stilet css të lidhura duke përdorur etiketën e stilit html.

Kushtojini vëmendje dizajnit: dhe mbani mend terminologjinë. Këtu stili është një etiketë, lloji është një atribut vlera e të cilit është tekst/css.

Gjithashtu në: div – tag, class – atribut, blok1 – vlera.

Kështu, për çdo etiketë mund të vendosni disa atribute specifike për të.

Për shembull, atributi i përbashkët align, i cili specifikon shtrirjen e një blogu teksti, mund të përdoret për h1, p dhe shumë etiketa të tjera që kërkojnë tekst. Vlerat e tij mund të jenë majtas, djathtas, qendra, etj.

Etiketë

Përcakton një paragraf teksti.

Pra, ne kuptuam etiketat dhe atributet që u përdorën për shembullin tonë të sotëm. Ka shumë etiketa, por për të filluar punën në HTML është e rëndësishme të kuptoni logjikën e përdorimit të tyre, strukturën e dokumentit dhe algoritmet bazë për krijimin e tij.

Si mund të përdorni HTML për një blog WordPress?

Së pari, shpesh krijohen modele të reja unike të WordPress nga paraqitjet e faqeve të bëra duke përdorur html dhe css. Vërtetë, për të krijuar shabllonin tuaj, do t'ju duhet ende të paktën njohuri minimale të PHP në mënyrë që të konvertoni një faqe statike në një dinamike.

Së dyti, artikulli dha një shembull se si mund të unikeizoni një shabllon falas të WordPress.

Për më tepër, mund të shtoni elemente funksionale shtesë në blogun tuaj duke përdorur HTML dhe CSS.

Ju gjithashtu mund të modifikoni shënimin e tekstit në një redaktues html nëse nuk mund ta modifikoni tekstin në një redaktues vizual. Këtu është një shembull se si të futni kodin HTML në një postim në blog të WordPress:

Ne kemi parë elementet bazë dhe strukturën e një faqe HTML, dhe me shembuj ju keni parë se si të përdorni etiketat më themelore.

Shpresoj se ky rishikim do t'i ndihmojë zhvilluesit fillestarë të kuptojnë grupin e nevojshëm të algoritmeve për të mësuar dhe përdorur gjuhën e shënjimit të hipertekstit, dhe gjithashtu do të japë një kuptim se ku të filloni të mësoni HTML.

Shihemi perseri!

P.S. Fundjavën e kaluar isha në festivalin e radhës YogArt. Ne u tundëm, kënduam mantra dhe dëgjuam Karelinë tonë të dashur. Dëgjo, ndoshta do të biesh në dashuri me këtë grup:

Etiketat HTML janë baza e gjuhës HTML. Etiketat përdoren për të kufizuar fillimin dhe fundin e elementeve në markup.

Çdo dokument HTML përbëhet nga një pemë e elementeve HTML dhe tekstit. Çdo element HTML identifikohet nga një etiketë fillimi (hapje) dhe mbarimi (mbyllje). Etiketat hapëse dhe mbyllëse përmbajnë emrin e etiketës.

Të gjithë elementët HTML ndahen në pesë lloje:

elemente boshe - , ,
, , , , , ,
Përdoret për të ruajtur informacione shtesë rreth faqes. Ky informacion përdoret nga shfletuesit për të përpunuar faqen dhe nga motorët e kërkimit për ta indeksuar atë. Mund të ketë disa etiketa në një bllok, pasi në varësi të atributeve të përdorura ato përmbajnë informacione të ndryshme. Treguesi i matjes në një interval të caktuar. Një seksion i një dokumenti që përmban lidhje lundrimi për sitin. Përcakton një seksion që nuk mbështet skriptimin. Kontejner për futjen e multimedias (p.sh. audio, video, aplikacione Java, ActiveX, PDF dhe Flash). Ju gjithashtu mund të futni një faqe tjetër në internet në dokumentin aktual HTML. Etiketa përdoret për të kaluar parametrat e shtojcës. Lista e renditur me numër. Numërimi mund të jetë numerik ose alfabetik. Një enë me një titull për një grup elementësh. Përcakton një opsion/opsion për të zgjedhur nga lista rënëse , ose . Fusha për shfaqjen e rezultatit të një llogaritjeje të llogaritur duke përdorur skriptin.

Paragrafët në tekst. Përcakton parametrat për shtojcat e ngulitura duke përdorur elementin. Një element kontejner që përmban një element dhe zero ose më shumë elementë. Në vetvete nuk shfaq asgjë. Lejon shfletuesin të zgjedhë imazhin më të përshtatshëm. Nxjerr tekst pa formatim, duke ruajtur hapësirat dhe ndërprerjet e tekstit. Mund të përdoret për të shfaqur kodin kompjuterik, mesazhet e postës elektronike, etj. Një tregues i përfundimit të një detyre të çdo lloji. Përcakton një citat të shkurtër. Enë për simbolet e Azisë Lindore dhe dekodimin e tyre. Përkufizon tekstin e tij të mbivendosur si komponentin bazë të shënimit. Shton një përshkrim të shkurtër sipër ose poshtë karaktereve të përfshira në element, të shfaqur me një font më të vogël. Shënon tekstin e integruar si shënim shtesë. Shfaq tekst alternativ nëse shfletuesi nuk e mbështet elementin. Shfaq tekstin që nuk është aktual me një vijëzim. Përdoret për të shfaqur tekstin që përfaqëson rezultatin e ekzekutimit të kodit të programit ose skriptit, si dhe mesazhet e sistemit. Shfaqet me fontin monospace. Përdoret për të përcaktuar një skript nga ana e klientit (zakonisht JavaScript). Përmban ose tekst skripti ose tregon një skedar të jashtëm skripti duke përdorur atributin src. Përcakton një zonë (seksion) logjik të një faqeje, zakonisht me një kokë. Një element kontrolli që ju lejon të zgjidhni vlerat nga një grup i propozuar. Vlerat e variantit vendosen në. Shfaq tekstin në një madhësi më të vogël fonti. Përcakton vendndodhjen dhe llojin e burimeve alternative të mediave për , , . Enë për elementët inline. Mund të përdoret për të formatuar pasazhe të tekstit, të tilla si nxjerrja në pah e fjalëve individuale me ngjyra. Vendos theksin në tekst, duke e theksuar atë me shkronja të zeza. Përfshin fletë stilesh të ngulitura. Përcakton shkrimin e nënshkrimit të simboleve, për shembull, indeksin e elementeve në formulat kimike. Krijon një titull të dukshëm për etiketën. Shfaqet me një trekëndësh të mbushur, klikimi mbi të ju lejon të shikoni detajet e titullit. Përcakton drejtshkrimin e sipërshkrimit të karaktereve.

Fletë mashtrimi me etiketa

Për lehtësinë e përdorimit, i grupova etiketat në seksione tematike, duke shtuar vlerat e vetive të ekranit për secilën etiketë. Për të shkuar në tabelë, klikoni në foto.

Përshëndetje, të dashur lexues të blogut. Me këtë artikull, ne do të fillojmë të mësojmë bazat e gjuhës HTML.

Ju ndoshta e dini tashmë se gjuha kryesore e internetit është gjuha e shënjimit të hipertekstit HTML (HyperText Markup Language). Në këtë artikull, ne do të mësojmë konceptet bazë të HTML dhe do të mësojmë se si të krijojmë faqe të thjeshta WEB.

Le të fillojmë me gjënë më të rëndësishme, le të shohim se si funksionon vetë World Wide Web - Interneti. Për të prodhuar faqe në internet, ju krijoni skedarë të shkruar në HTML dhe i vendosni ato në një server në internet. Pas kësaj, çdo shfletues i instaluar në një pajisje me qasje në internet, qoftë kompjuter, telefon apo tablet, mund të gjejë faqet tuaja të internetit.

Një server në internet është një kompjuter i rregullt me softuer të veçantë që ka akses në internet. Ai dëgjon vazhdimisht kërkesa nga shfletuesit për faqet e internetit, imazhet, skedarët audio dhe video. Pasi ka marrë një kërkesë për një nga këto burime, serveri e kërkon atë dhe e dërgon atë në shfletues.

Një shfletues është një program i veçantë i krijuar për të parë faqet e internetit, të tilla si Internet Explorer. Duke përdorur një shfletues, ju shfletoni faqet e internetit duke klikuar në lidhje. Çdo klikim i tillë bën që shfletuesi të bëjë një kërkesë për faqen HTML në serverin e uebit, të marrë një përgjigje dhe të shfaqë faqen në dritaren e tij. Është kur shfaqet faqja që gjuha HTML fillon të funksionojë; ajo i tregon shfletuesit gjithçka për strukturën dhe përmbajtjen e faqes së internetit. Duke përdorur komandat e etiketave, HTML i tregon shfletuesit se ku fillojnë paragrafët e tekstit, cila pjesë e tekstit është një titull dhe tregon se ku duhet të futen tabela dhe madje edhe fotografi. Dhe etiketat janë fjalë në kllapa këndore, për shembull

, ,

Etiketa për krijimin e një tabele.
	Përcakton trupin e tabelës.
		Krijon një qelizë tabele.
	Përdoret për të deklaruar fragmente të kodit HTML që mund të klonohen dhe futen në një dokument me anë të një skripti. Përmbajtja e një etikete nuk është fëmijë i saj.
	Krijon fusha të mëdha për futjen e tekstit.
	Përcakton fundin e tabelës.
	Krijon një titull të qelizës së tabelës.
	Përcakton titullin e tabelës.
	Përcakton datën/kohën.
	Titulli i një dokumenti HTML që shfaqet në krye të shiritit të titullit të shfletuesit. Mund të shfaqet gjithashtu në rezultatet e kërkimit, kështu që kjo duhet të merret parasysh kur jepet një titull.

Krijon një rresht tabele.
	Shton titrat për elementet dhe .
	Thekson një pjesë të tekstit duke nënvizuar, pa theks shtesë.
	Krijon një listë me pika.
	Thekson variablat nga programet duke i shfaqur ato me shkronja të pjerrëta.
	Shton skedarë video në faqe. Mbështet 3 formate video: MP4, WebM, Ogg.
	Tregon te shfletuesi ku mund të prishet një linjë e gjatë.

Ju duhet urgjentisht një dyqan online, por nuk keni kohë për të mësuar HTML, CSS, PHP dhe teknologji të tjera. Atëherë thjesht mund të marrësh me qira një dyqan online me funksionalitet dhe optimizim plotësisht të zbatuar për motorët e kërkimit.

Gjuha HTML dhe etiketat e saj

Versioni i parë i gjuhës HTML u shfaq në vitin 1992. Në kohën e vitit 2013, është duke u zhvilluar specifikimi i një versioni të ri të HTML, numri 5. Zhvillimi i këtij specifikimi kryhet nga World Wide Web Consortium, ose shkurt W3C. Organizata W3C zhvillon standarde të tjera Web. Ju mund të njiheni me këto standarde në faqen e tyre të internetit www.w3.org. Nga rruga, shumë shfletues ueb tashmë mbështesin disa veçori HTML 5.

Unë sugjeroj të filloni të mësoni HTML menjëherë me një shembull. Pra, le të krijojmë faqen tonë të parë të internetit. Çdo redaktues teksti është i përshtatshëm për krijimin e faqeve WEB. Për të filluar, unë sugjeroj përdorimin e Notepad-it të integruar në Windows (në përgjithësi, në të ardhmen, unë rekomandoj përdorimin për të modifikuar kodin html). Mund ta gjeni: “Start->Të gjitha programet->Accessories->Notepad”. Le të krijojmë një faqe për makinat. Pra, hapni Notepad dhe shkruani tekstin e mëposhtëm në të:

Shembull i faqes në internet

Faqja e internetit për makinat.

Mirë se vini në faqen tonë të internetit të automobilave. Këtu do të gjeni shumë artikuj interesantë dhe të dobishëm rreth makinave. Faqja përmban përshkrime të shumë makinave të importuara dhe vendase.

Më pas, ruani faqen e krijuar të internetit në një skedar të quajtur index.html. Në këtë rast, në kutinë e dialogut të ruajtjes së skedarit, duhet të vendosni kodimin në UTF-8 dhe të vendosni emrin e skedarit në thonjëza, përndryshe Notepad do t'i shtojë atij shtesën txt dhe skedari ynë do të quhet index.htm.txt:

Tani mbetet vetëm të hapni skedarin e krijuar në shfletues dhe të shikoni rezultatin. Për ta bërë këtë, mund të përdorni shfletuesin Microsoft Internet Explorer që vjen me Windows, ose çdo shfletues tjetër të instaluar në kompjuterin tuaj, duke klikuar dy herë mbi skedarin index.html ose duke e zvarritur skedarin mbi ikonën e shfletuesit. Hapeni dhe shikoni diçka si kjo:

Kështu, ne krijuam një faqe Web në Notepad, megjithëse pak e papërshkrueshme, por tashmë përmban një titull të madh dhe një paragraf teksti që ndahet automatikisht në rreshta dhe përmban një fragment me shkronja të zeza.

Çfarë është një etiketë?

Tani le të flasim më shumë për strukturën e faqes. Le të shohim fragmentin: Faqja e internetit për makinat. Këtu shohim tekstin që shfaqet në faqe si titull, të mbyllur dhe etiketa. Çfarë është një etiketë në HTML?

Një etiketë HTML është fjalë dhe karaktere të zakonshme të mbyllura në kllapa këndore, p.sh.

, . Pra, etiketa është etiketa hapëse, etiketa është etiketa mbyllëse dhe teksti në mes quhet përmbajtja e etiketës. Gjithashtu etiketa dhe etiketa quhen çifte etiketash. Së bashku, etiketa hapëse plus përmbajtja plus etiketa mbyllëse formojnë një element të dokumentit HTML. Ekzistojnë gjithashtu elementë që përbëhen nga një etiketë hapëse:

Kjo është mënyra se si etiketa e çiftit përcakton elementin e titullit të nivelit të parë. Gjithsej janë gjashtë nivele të titujve, këto janë elementet - .

Elementet mund të jenë bllok ose inline (tekst). Elementet e bllokut sigurojnë formatimin strukturor të faqes. Elementet e bllokut shfaqen gjithmonë në një rresht të ri në faqe dhe janë të futura nga elementët ngjitur. Elementet inline ofrojnë formatim të drejtpërdrejtë të tekstit ose formatim logjik. Elementi është një element blloku.

Kjo është e gjitha për mua!!! Shihemi në postimet e radhës!

Si gjuha e shënjimit të HyperText. HTML nuk është një gjuhë programimi, është një gjuhë shënjimi në uebfaqe.

Të gjithë shfletuesit mund ta konvertojnë këtë shënim në një format të përshtatshëm për përdoruesit.

Kjo gjuhë përdor komanda të veçanta të quajtura etiketa. Çdo etiketë ka funksionin e vet. Ka një numër të madh etiketash. Idealisht, ju duhet të mësoni gjithçka. Por për një zhvillues fillestar, njohuritë themelore janë mjaft të mjaftueshme.

Komandat themelore HTML

Lista e komandave HTML është shumë e madhe. Por nuk ka shumë kryesore. Për të filluar të shkruani kodin, ju duhet një redaktues. Ju mund të përdorni Notepad. Rekomandohet përdorimi i Notepad++. Ai duket si ky.

Avantazhi është se në redaktorët specialë, etiketat theksohen në një ngjyrë të caktuar, në varësi të kategorisë. Komandat për krijimin e një faqe interneti HTML në Notepad ose në ndonjë program tjetër janë të njëjta. Gjuha e përdorur është e njëjtë kudo. Mjedisi i zhvillimit është vetëm një mjet.

HTML ka etiketa mbyllëse dhe jo mbyllëse. Gjithashtu në këtë gjuhë ekziston koncepti i foleve. Çdo objekt në kod është një element. Një element ka një etiketë hapëse, një etiketë mbyllëse dhe përmbajtje. Për më tepër, etiketa ka atributet e veta shtesë me vlerat e tyre.

Në figurë mund të shihni dy etiketa dhe . Mos harroni se hapja dhe mbyllja janë shkruar njësoj, por vetëm "/" ndryshon. Nëse etiketa nuk është e mbyllur, atëherë mbajtësi do të konsiderojë çdo gjë tjetër si vazhdimësi të këtij elementi të veçantë. Eshte shume e rendesishme. Sidomos në lidhje. Ne do t'i shikojmë ato pak më tej.

Etiketa është e nevojshme. Gjithmonë duhet të shkruhet. Por nuk ka nevojë ta mbyllni. Sipas standardeve, është e nevojshme, por nëse nuk e mbyllni, do të funksionojë përsëri.

Këto komanda HTML janë korniza për faqen. Ato kërkohen. Edhe ata po mbyllen.

Emri i etiketave korrespondon me kuptimin. Kokë - kokë. Ky seksion tregon shërbimin dhe informacione të rëndësishme që nuk janë të dukshme. Pjesa e trupit është trupi i dokumentit. Këtu është përmbajtja që i shfaqet përdoruesit. Mundohuni të mbyllni menjëherë etiketat për të shmangur konfuzionin më vonë.

Seksioni i shërbimit thotë:

titulli i dokumentit;
skedarë të stilit;
skedarë skripti;
meta etiketat;
udhëzime për motorët e kërkimit;
udhëzime për robotë;
çdo informacion tjetër që mund të përdoret nga programuesit por jo nga përdoruesit.

Skedari i stilit është i lidhur si kjo:

Skedari i skriptit është si më poshtë:

Teksti duhet të ketë një titull. Ne e tregojmë atë si kjo:

Titulli i faqes

Ky tekst do të shfaqet në titullin e skedës së shfletuesit. Ky titull shfaqet gjithashtu si rezultat i rezultateve të motorit të kërkimit.

Etiketat për formatimin e tekstit

Teksti duhet të vendoset në etiketën e paragrafit. Është shënuar si. Ju gjithashtu mund të përdorni String për tekst.

Mund ta formatoni tekstin si në Word:

kursive
miniaturë
teksti i kryqëzuar
teksti i nënvizuar

Teksti mund të stilohet. Do t'i shikojmë në fund, pasi të shqyrtojmë elementë të tjerë.

Përdorimi i titujve

Ka komanda të tjera të rëndësishme HTML. Për të krijuar faqe interneti, kërkohen titujt. Ato tregohen duke përdorur etiketën e titullit të nivelit të parë. Ka nivele nga 1 deri në 6. Është e rëndësishme të kuptohet se titujt duhet të jenë të ndërthurur.

Një shembull në figurë.

Mbani në mend se rekomandohet të përdorni vetëm një titull h1. Në këtë rast, duhet të përputhet me etiketën. Sigurisht, mund të specifikoni 200 tituj h1, por më pas do të penalizoheni nga motorët e kërkimit.

Duke përdorur imazhe

Imazhet janë një pjesë integrale e faqeve të internetit. Shembulli tregon se si mund të futni një foto.

Siç mund ta shihni, shembulli tregon në detaje se çfarë quhet dhe si.

Duke përdorur lidhje

Nëse jeni duke mësuar komandat HTML, atëherë thjesht duhet të dini etiketën e lidhjes. Ky është një nga elementët më të rëndësishëm që përbën

Në shembullin e mësipërm, mund të shihni se në vend të tekstit të lidhjes ka një imazh. Kjo do të thotë, mund të vendosni si tekst ashtu edhe një foto.

Përdorimi i tabelave

Tabelat përdoren gjithashtu shumë shpesh. Fillimisht, ata synonin të paraqisnin informacionin në një formë të përshtatshme. Por më pas dizajnerët e faqosjes i përdorën ato për të vendosur elementë të ndryshëm faqesh.

Tabela është krijuar si më poshtë:

Teksti i celularit	Teksti i celularit
Teksti i celularit	Teksti i celularit

Atributi width specifikon gjerësinë e tabelës. Mund të jetë në përqindje ose piksel. Kufiri specifikon trashësinë e kufirit.

Struktura është e specifikuar si më poshtë. Etiketa tr është një varg. Etiketoni qelizën td. Dhe të gjithë së bashku - kjo është një tryezë.

Tabela mund të përafrohet. Për ta bërë këtë, përdorni atributin align, i cili mund të marrë tre vlera: Majtas, Qendër, Djathtas. Një shembull i përdorimit është dhënë më poshtë.

Këto komanda HTML (gjerësia dhe shtrirja) funksionojnë edhe për elementë të tjerë. Trashësia e kornizës tregohet gjithashtu për imazhet.

Përdorimi i listave

Duke përdorur komandat HTML, mund të krijoni lloje të ndryshme listash. Pothuajse saktësisht e njëjtë si në redaktorin Word.

Në gjuhën HTML ka të renditura dhe të pa renditura.Një shembull i një liste të tillë.

Së pari

Së dyti

Së treti

Rezultati do të jetë si ky:

Së pari
Së dyti
Së treti

Lloji i listës	Kodi HTML
Në formën e një rrethi
Në formën e një rrethi
Me markera katrore

Listat e renditura krijohen saktësisht në të njëjtën mënyrë, por në vend të

Këtu mund të vendosni gjithashtu llojin e shfaqjes së listës:

"1" - Numrat arabë 1, 2, 3...
"A"- shkronjat e mëdha A, B, C...
"a"- shkronjat e vogla a, b, c...
"une"- Numrat e mëdhenj romakë I, II, III...
"unë"- numra romakë të vegjël i, ii, iii...

Numrat arabë shfaqen si standard.

Për shkak se këto janë lista të numëruara, ato kanë një atribut start që specifikon vlerën fillestare të listës. Për shembull, mund të shfaqni një listë duke filluar nga dita e 10-të ose e 20-të.

Komandat HTML për një sajt janë mjaft të ndryshme, por të gjitha ndjekin stilet. Stilet mund të specifikohen si skedar në seksionin head: ose mund të shkruani një stil të gatshëm menjëherë.

Vini re se ka një ndryshim midis këtyre përkufizimeve të stilit. Skedari i stilit mund të specifikohet në të gjitha faqet e faqes. Sapo të bëni ndryshime në të, ky përditësim do të prekë të gjithë faqen në tërësi. Nëse specifikoni stilet në një faqe specifike, atëherë ndryshimet dhe përdorimi i këtyre klasave do të jetë vetëm brenda këtij skedari. Cilësimet tuaja nuk do të shkojnë përtej saj.

Imagjinoni që keni 20 faqe HTML dhe vendosni ta bëni kokën 2 piksel më të madh. Nëse keni gjithçka në skedarin e stileve, atëherë ju duhet vetëm të bëni ndryshime atje. Nëse gjithçka është individuale, atëherë të gjitha 20 faqet do të duhet të përditësohen.

Ju mund të specifikoni vetëm për një faqe si më poshtë.