Gjithçka rreth përshkrimit dhe përdorimit të html. Përshkrimi meta etiketë - analiza me shembuj

World Wide Web përbëhet nga faqe WEB, dhe këto faqe krijohen duke përdorur Hypertext Markup Language (HTML). Edhe pse shumë njerëz, veçanërisht fillestarët, flasin për "Programimin HTML" sot, HTML është gjuha e shënjimit. Ju përdorni HTML për të shënuar një dokument teksti, ashtu si një redaktues do të përdorte një laps të kuq të trashë. Këto shenja shërbejnë për të përcaktuar formatin (ose stilin) ​​që do të përdoret kur shfaqet teksti në ekranin e monitorit.

Bazat e HTML

Këtu është një udhëzues i shpejtë për të shkruar HTML. Shumë njerëz ende shkruajnë HTML duke përdorur mjete të ngjashme me Notepad ose SimpleText. Ky tutorial do t'ju ndihmojë të merrni një kuptim bazë të HTML. Edhe nëse nuk po planifikonit të redaktoni drejtpërdrejt HTML, por të përdorni një redaktues HTML si Netscape Composer ose FrontPage, ky udhëzues do t'ju ndihmojë t'i përdorni më mirë këto mjete dhe gjithashtu t'i bëni dokumentet tuaja HTML të kuptueshme për shumicën e shfletuesve. Pasi të keni parë përfitimet e njohjes së bazave të të shkruarit HTML, mund të dëshironi t'i hidhni një sy materialit në seksionin HTML të avancuar.

Një mënyrë e mirë për të mësuar është të shikoni se si njerëzit e tjerë kodojnë faqet e tyre HTML. Për ta bërë këtë, zgjidhni "Shiko" në shfletuesin tuaj dhe më pas "Burimi" ("Si HTML").

Kjo faqe do t'ju mësojë se si të:

• shtoni tituj dhe paragrafë
• të pjerrët tekstin
• ndryshoni ngjyrën dhe madhësinë e tekstit
• futni foto
• krijoni lidhje me faqet e tjera
• përdorni lloje të ndryshme të listave

Nëse jeni duke kërkuar për diçka tjetër, provoni HTML të avancuar

Shtimi i titujve dhe paragrafëve

Nëse keni përdorur Microsoft Word, duhet të jeni të njohur me përdorimin e stileve për të theksuar titujt sipas rëndësisë. Në HTML, titujt ndahen në gjashtë nivele të rëndësisë. H1 është më i rëndësishmi, H2 është pak më pak i rëndësishëm dhe në fund H6 është më pak i rëndësishëm.

Një shembull se si të shtoni një titull të rëndësishëm:

Titulli i rëndësishëm

Rezultati:

Titulli i rëndësishëm

dhe pak më pak e rëndësishme:

Pak më pak e rëndësishme

Rezultati:

Pak më pak e rëndësishme

Çdo paragraf që shkruani duhet të fillojë me etiketën

Dhe përfundoni me etiketën

. Për shembull:

Ky është paragrafi i parë.

Dhe ky është paragrafi i dytë.

Kursivë

Ju mund të nënvizoni një ose më shumë fjalë duke përdorur etiketën, shembull:

Kjo është një pikë vërtet interesante!

Rezultati:

Është me të vërtetë interesante paragraf!

Ndryshimi i ngjyrës dhe madhësisë së tekstit

Etiketa FONT mund të përdoret për të specifikuar ngjyrën dhe madhësinë e shkronjave në të cilat do të shfaqet teksti juaj. Ky shembull përcakton ngjyrën:

Kjo fjali përmban fjalën e theksuar me të verdhë.

Rezultati:

Kjo fjali përmban një fjalë të theksuar me të verdhë.

Atributi size përdoret për të treguar madhësinë e shkronjave në njësi arbitrare nga 1 në 7. Në përgjithësi pranohet se madhësia e një fonti "normal" korrespondon me numrin 3. Madhësia mund të specifikohet ose si një vlerë absolute (SIZE= 5) ose si vlerë relative (SIZE=+2):

Këshilla veterinare

Rezultati:

Këshilla veterinare

Futja e fotove

Përdorimi i fotografive i bën faqet tuaja më interesante. Etiketa ju lejon të futni një foto . Le të supozojmë se skedari i imazhit "peter.jpeg", 200 piksele i gjerë dhe 150 piksel i lartë, është në të njëjtën dosje me skedarin HTML.

Specifikimi i gjerësisë dhe lartësisë nuk është rreptësisht i nevojshëm, por do të rrisë shpejtësinë e ngarkimit të faqes suaj WEB. Ju duhet të vendosni një përshkrim të figurës për njerëzit që kanë çaktivizuar ngarkimin e imazhit. Ju mund të shtoni një përshkrim të shkurtër duke përdorur atributin alt:

WWW përdor dy formate skedarësh grafikë: GIF dhe JPEG. Formati GIF përdoret kur kërkohet një imazh transparent ose animacion, si dhe për:

• vizatime dhe tekst bardh e zi
• imazhe me një numër të kufizuar ngjyrash
• grafika me skaje të mprehta (menytë, butonat, diagramet, etj.)
• imazhe me tekst

Formati JPEG është më i përshtatshëm në rastet e mëposhtme:

• imazhe të skanuara
• grafika me një kombinim kompleks ngjyrash dhe nuancash
• çdo imazh me një gamë prej më shumë se 256 ngjyrash

Krijimi i lidhjeve me faqet e tjera

Teksti ndërmjet Dhe përdoret si përshkrim i lidhjes, zakonisht i treguar me ngjyrë blu dhe i nënvizuar me një rresht.

Listat

HTML ofron tre lloje të listave. Lloji i parë quhet një listë me pika (të pa renditura). Lista me pika hapet me etiketën

, dhe çdo artikull fillon me një etiketë standarde
• , shembull:
  • artikulli i parë në listë
  • artikulli i dytë në listë
  • artikulli i tretë në listë

  Rezultati:

  • artikulli i parë në listë
  • artikulli i dytë në listë
  • artikulli i tretë në listë

  Lloji i dytë është një listë e numëruar (e renditur). Ai përdor etiketat dhe

• . Shembull:

• artikulli i parë në listë
• artikulli i dytë në listë
• artikulli i tretë në listë

Rezultati:

• artikulli i parë në listë
• artikulli i dytë në listë
• artikulli i tretë në listë

Dhe e fundit është një listë përkufizimesh (fjalor). Ai e paraqet tekstin në formën e një hyrje fjalori, i përbërë nga një term i përcaktuar dhe një paragraf që zbulon kuptimin e tij, i hapur me etiketën. Çdo term hapet me etiketën dhe përkufizimi hapet me etiketën. Shembull:

termi i parë përkufizimi i tij termi i dytë përkufizimi i tij termi i tretë përkufizimi i tij

Rezultati:

Termi i parë përkufizimi i tij termi i dytë përkufizimi i tij termi i tretë përkufizimi i tij

Listat mund të futen, njëra brenda tjetrës. Shembull:

• artikulli i parë në listë
• artikulli i dytë në listë
  • artikulli i parë i listës së mbivendosur
  • artikulli i dytë i listës së mbivendosur
• artikulli i tretë në listë

Rezultati:

• artikulli i parë në listë
• artikulli i dytë në listë
  • artikulli i parë i listës së mbivendosur
  • artikulli i dytë i listës së mbivendosur
• artikulli i tretë në listë
Përcaktimi i ngjyrave në HTML

Në HTML, ngjyrat përcaktohen me numra heksadecimal. Sistemi i ngjyrave bazohet në tre ngjyra kryesore - të kuqe, jeshile dhe blu. Çdo ngjyrë vendoset në një vlerë nga 00 në FF. Këto vlera më pas kombinohen në një numër të vetëm, të paraprirë nga një simbol #. Kjo tabelë tregon ngjyrat e ndryshme dhe kodin heksadecimal të tyre.

FFF FFF

KKK KKK

999 999

666 666

333 333

000 000

FFC C00

FF9 900

FF6 600

FF3 300

99C C00

CC9 900

FFC C33

FFC C66

FF9 966

FF6 633

CC3 300

CC0 033

CCF F00

CCF F33

333 300

666 600

999 900

KKK C00

FFF F00

CC9 933

CC6 633

330 000

660 000

990 000

CC0 000

FF0 000

FF3 366

FF0 033

99F F00

CCF F66

99C C33

666 633

999 933

KKK C33

FFF F33

996 600

993 300

663 333

993 333

CC3 333

FF3 333

CC3 366

FF6 699

FF0 066

66F F00

99F F66

66C C33

669 900

999 966

KKK C66

FFF F66

996 633

663 300

996 666

CC6 666

FF6 666

990 033

CC3 399

FF6 6CC

FF0 099

33F F00

66F F33

339 900

66C C00

99F F33

KKK C99

FFF F99

CC9 966

CC6 600

CC9 999

FF9 999

FF3 399

CC0 066

990 066

FF3 3CC

FF0 0CC

00C C00

33C C00

336 600

669 933

99C C66

CCF F99

FFF FCC

FFC C99

FF9 933

FFC KKK

FF9 9CC

CC6 699

993 366

660 033

CC0 099

330 033

33C C33

66C C66

00F F00

33F F33

66F F66

99F F99

CCF FCC

CC9 9CC

996 699

993 399

990 099

663 366

660 066

006 600

336 633

009 900

339 933

669 966

99C C99

FFC CFF

FF9 9FF

FF6 6 FF

FF3 3 FF

FF0 0FF

CC6 6CC

CC3 3CC

003 300

00C C33

006 633

339 966

66C C99

99F FCC

CCF FFF

339 9FF

99C CFF

KKK CFF

CC9 9FF

996 6CC

663 399

330 066

990 0CC

CC0 0CC

00F F33

33F F66

009 933

00C C66

33F F99

99F FFF

99C KKK

006 6CC

669 9CC

999 9FF

999 9CC

993 3 FF

660 0CC

660 099

CC3 3 FF

CC0 0FF

00F F66

66F F99

33C C66

009 966

66F FFF

66C KKK

669 999

003 366

336 699

666 6 FF

666 6CC

666 699

330 099

993 3CC

CC6 6 FF

990 0FF

00F F99

66F FCC

33C C99

33F FFF

33C KKK

339 999

336 666

006 699

003 399

333 3 FF

333 3CC

333 399

333 366

663 3CC

996 6 FF

660 0FF

00F FCC

33F FCC

00F FFF

00C KKK

009 999

006 666

003 333

339 9CC

336 6CC

000 0FF

000 0CC

000 099

000 066

000 033

663 3 FF

330 0FF

00C C99

009 9CC

33C CFF

66C CFF

669 9FF

336 6 FF

003 3CC

330 0CC

00C CFF

009 9FF

006 6 FF

003 3 FF

Për thjeshtësi, HTML përcakton 16 ngjyra standarde, të cilat së bashku me kodet e tyre heksadecimal janë dhënë më poshtë.

e zezë = "#000000"	jeshile = "#008000"
argjendi = "#C0C0C0"	gëlqere = "#00FF00"
gri = "#808080"	ulliri = "#808000"
e bardhë = "#FFFFFF"	e verdhë = "#FFFF00"
ngjyrë gështenjë = "#800000"	marina = "#000080"
e kuqe = "#FF0000"	blu = "#0000FF"
vjollcë = "#800080"	bojë = "#008080"
fuchsia = "#FF00FF"	aqua = "#00FFFF"

Vlad Merzheviç

Meta etiketat përdoren për të ruajtur informacionin e destinuar për shfletuesit dhe motorët e kërkimit. Për shembull, motorët e kërkimit përdorin meta etiketat për të marrë përshkrimet e faqeve, fjalë kyçe dhe të dhëna të tjera.

Meta etiketat për motorët e kërkimit

Ekziston një mendim midis zhvilluesve të faqeve të internetit që meta etiketat e shkruara saktë ju lejojnë të ngriheni në krye të motorëve të kërkimit. Në fakt, kjo nuk është e vërtetë; vetëm etiketat meta nuk do t'ju ndihmojnë të ngriheni lart, por përmbajtja e etiketave meta të ekzekutuara dobët mund të përkeqësojë renditjen e faqes.

Dy meta etiketa janë krijuar posaçërisht për motorët e kërkimit: përshkrimi dhe fjalë kyçe. Disa webmaster shtuan fjalë kyçe në seksionin e fjalëve kyçe që nuk kishin të bënin fare me temën e faqes, por megjithatë shijuan njëfarë suksesi midis vizitorëve të motorëve të kërkimit. Sidoqoftë, pas ca kohësh, motorët e kërkimit mësuan të merren me këtë fenomen dhe të kontrollojnë përmbajtjen e një faqe në internet për pajtueshmërinë me fjalët kyçe të deklaruara.

Disa parime që lidhen me meta etiketat:

• mos përfshini fjalë kyçe që nuk gjenden në faqet tuaja;
• mos përsëritni fjalë kyçe;
• përdorni meta etiketat për qëllimin e tyre të synuar;
• bëni përshkrimin dhe listën e fjalëve kyçe të ndryshme për secilën faqe të faqes, duke marrë parasysh përmbajtjen.
përshkrim

Shumica e motorëve të kërkimit shfaqin përmbajtjen e fushës së përshkrimit (shembulli 1) kur shfaqin rezultatet e kërkimit. Nëse kjo etiketë nuk është në faqe, atëherë motori i kërkimit thjesht do të listojë fjalët e para të gjetura në faqe, të cilat, si rregull, nuk janë shumë të rëndësishme për temën.

Shembulli 1: Përdorimi i përshkrimit

përshkrim

fjalë kyçe

Ky meta-etiketë kishte për qëllim të përshkruante fjalë kyçe që shfaqen në faqe (Shembulli 2). Por si rezultat, veprimet e njerëzve që duan të arrijnë në krye të motorëve të kërkimit me çdo mjet të nevojshëm tani janë diskredituar. Prandaj, shumë motorë kërkimi e kalojnë këtë parametër.

Shembulli 2: Përdorimi i fjalëve kyçe

fjalë kyçe

Fjalët kyçe mund të renditen të ndara me hapësira ose presje. Vetë motorët e kërkimit do ta konvertojnë hyrjen në formën që përdorin.

Ngarkimi automatik i faqeve

Për të shkarkuar automatikisht një dokument të ri pas një periudhe të caktuar kohe, përdorni udhëzimin http-equiv="refresh" (shembulli 3).