Sveiki, šiandien apžvelgsime tokią labai reikalingą temą kaip teksto struktūrizavimas HTML ir perskaitę šį straipsnį galėsime teisingai ir gražiai susisteminti tekstą, esantį mūsų svetainės puslapyje. Straipsnyje papasakosiu ir, žinoma, su pavyzdžiais parodysiu, kaip sukurti puslapių pastraipas, įvairių lygių antraštes ir taip pat pridėti kelių tipų sąrašus. Dabar pereikime prie paties teksto struktūrizavimo proceso.
Be pastraipų žymų mūsų tekstas puslapyje atrodys kaip vienas didelis tekstas, kurį lankytojui nėra patogu skaityti, todėl buvo sukurta žyma, kuri sukuria pastraipa html ir dėl to galite suskaidyti didelį tekstą į logiškas dalis. Ši žyma atrodo taip: tarp šių dviejų žymų turi būti tekstas, kuris bus atskirtas nuo pagrindinio teksto.
Pažvelkime į pastraipos žymą su pavyzdžiu. Tam jau paruošiau didelį tekstą, kurį susisteminsime. Atidarykite dokumentą redagavimo programoje, galite naudoti užrašų knygelę arba notepad++. Atidarome dokumentą ir matome, kad turime tik didelę teksto dalį, be jokio padalijimo.
Dabar įdėkite savo žymą į dokumentą kas keturias ar penkias teksto eilutes.
O dabar išsaugokime failą ir atidarykime jį bet kurioje naršyklėje.
Dabar matome, kad mūsų tekstas yra padalintas į daugybę loginių dalių ir dabar tekstas tapo daug patogiau skaityti. Tikiuosi, kad suprasite, kaip galite suskaidyti tekstą į logiškas dalis (pastraipas) ir jūsų lankytojams bus daug patogiau skaityti straipsnius.
Kiekvienas tekstas neapsieina be antraščių ir paantraštių, kurios skiriasi savo prasme ir svarba. Žyma h1-h6 yra atsakinga už antraštes html ir priklausomai nuo skaičiaus nustatomas antraštės dydis; visos antraštės paryškintos paryškintu tekstu. Pažvelkime į antraščių naudojimą pateikdami pavyzdį.
Visos šios svetainės antraštės atrodys taip:
Norint optimizuoti svetainės puslapius, antraštes reikia naudoti labai atsargiai, ypač h1 ir h2 žymas. Puslapyje turi būti tik viena h1 antraštė, tai turėtų būti pagrindinė svetainės antraštė, o visos likusios yra paantraštės. Naudokite h2 vieną ar du kartus, ne dažniau, o visas kitas antraštes galite naudoti vidutiniškai penkis–šešis kartus ir tai gali turėti teigiamą poveikį optimizavimui.
Sąrašai HTML.
HTML taip pat galime sukurti sąrašus puslapyje, sąrašai yra labai naudingi teikiant informaciją svetainėje. Sąrašai taip pat labai praverčia kuriant svetainių šablonus, į visa tai pakalbėsime šiek tiek vėliau. Na, o dabar apsvarstysime visas sąrašo parinktis, tokias kaip numeruotas sąrašas, sąrašas su ženkleliais.
Sunumeruotas sąrašas HTML.
Pradėsime diskusiją apie HTML sąrašų temą su sunumeruotu HTML sąrašu ir dabar galime saugiai pradėti studijuoti. Pats pirmas dalykas, kurį padarysime, yra parengti sąrašą, kad parodytume sunumeruoto sąrašo HTML galimybes. Paimkime pavyzdį iš gyvenimo ir surašykime sąrašą, kaip nueiti į prekybos centrą.
Kečupas
Majonezas
Druska
Pipirai
Krapai
Baklažanas
Pomidorai
Dabar sąrašas sudarytas ir pradedame jį formatuoti. Sunumeruotas sąrašas HTML yra nurodytas naudojant suporuotą žymą, o dabar, naudodamiesi pavyzdžiu, apžvelgsime numeruoto sąrašo kūrimo procesą.
Pirmiausia turime įtraukti visus sąrašo elementus į žymą.
Sveiki, mieli tinklaraščio skaitytojai! Šiame straipsnyje bus kalbama apie teksto formatavimo žymos. Pagrindiniai pavyzdžiai apima teksto paryškinimą pusjuodžiu arba kursyvu. Taip pat apžvelgsime kai kurių žymų įtaką vidiniam svetainės optimizavimui ir jų rašymo taisykles. Apie tai galite perskaityti pateiktame straipsnyje. Beje, panašių teksto dizaino elementų galite rasti daugelyje teksto redaktorių, pavyzdžiui, Word.
Žymos skirstomos į 2 tipus: blokines ir įterptas. Naudodami pirmuosius, galite keisti dalies teksto turinį (eilutės, atskiri fragmentai ar žodžiai), o antrieji yra . Formatavimo žymos, kurias apžvelgsime šiame straipsnyje, daugiausia yra mažosiomis raidėmis.
Žymų rašymo taisyklės ir tvarka
Jūs jau žinote, kas yra atidarymo ir uždarymo žymos. Jei ne, perskaitykite straipsnį, pateiktą pačioje šios medžiagos pradžioje. Trumpai tariant, yra dviejų tipų žymos: vienos (pavyzdžiui, nauja eilutė) ir konteinerį (poromis). Taigi, visos teksto formatavimo žymos yra suporuotas. Tai reiškia, kad bet kuris elementas turi atidarymo ir uždarymo žymas, o paryškinimas turi būti tarp jų. Pavyzdžiui, teisingas frazės pasirinkimas atrodytų taip: Pasirinktas fragmentas
Kai naršyklė apdoros šį fragmentą, pamatysite šį tekstą: Pasirinktas fragmentas. Beje, visos žymos nerodomos RSS kanale ().
Svarbiausia rašant žymas nepamiršti jų uždaryti. Kitu atveju visas tekstas puslapyje bus paryškintas pusjuodžiu šriftu (pavyzdyje su žyma ). Tačiau pasitaiko atvejų, kai tam tikrą fragmentą reikia paryškinti ir pusjuodžiu, ir kursyvu vienu metu. Tačiau nėra žymos, kuri atliktų šį veiksmą. Yra tik viena išeitis iš šios situacijos: vienu metu naudokite dvi žymas. Nesvarbu, kokia tvarka juos naudosite. Todėl teksto rašymas su tokiomis žymomis:
Pasirinktas fragmentas
arba taip:
Pasirinktas fragmentas
Vis tiek gausi Pasirinktas fragmentas kursyvu ir pusjuodžiu vienu metu. Tačiau geriau naudoti pirmąjį variantą, nes iš pradžių jis buvo vienintelis ir teisingas. Taip pat nepamirškite, kad kiekviena naršyklė gali apdoroti žymas skirtingai (), priklausomai nuo nustatymų. Dabar pereikime prie pačių formatavimo žymų.
Paryškintas ir kursyvas tekstas – žymos , , Ir
Populiariausios teksto formatavimo žymos – jos paryškinimas drąsus Ir kursyvas. Paprastai jie naudojami norint suteikti svarbą fragmentui. Pirmasis atvejis skirtas paryškinti fragmentą, kuriame yra naudingos informacijos arba raktinių žodžių. Kursyvas yra toks pat kaip ir paryškintas tekstas, tačiau informacija yra mažiau svarbi, nes kursyvas yra mažiau pastebimas pagrindinio teksto fone nei paryškintas tekstas.Pirmiausia pasvarstykime paryškinti tekstą. Šiam veiksmui naudojamos dvi žymos − Ir . Išvaizda nesiskiria. Nors, atsižvelgiant į tai, kad kiekviena naršyklė gali skirtingai interpretuoti kiekvieną elementą, galite pastebėti skirtumus. Taip atrodo tekstas žymose Ir naršyklės jau apdorota forma:
Tekstas žymose stiprus
Tekstas b žymose
Štai kaip šios dvi eilutės atrodo puslapio šaltinio kode:
Tekstas žymose stiprus Tekstas b žymose
Tą pačią situaciją galime stebėti ir tuo atveju žymės kursyvu Ir . Pabandykite rasti skirtumus tarp dviejų pavyzdžių:
Tekstas em žymose
Tekstas žymose I
Ir čia yra šaltinio kodas:
Tekstas em žymose Tekstas žymose I
Taigi, svarstomos paryškintos ir kursyvinės žymos iš tikrųjų nesiskiria, bet kodėl tada mums reikia, pavyzdžiui, žymos jeigu ten ? Galų gale, pastarajame yra tik vienas simbolis (neskaičiuojant skliaustų), todėl jį lengviau rašyti. Ir visa esmė ta, kad žymės Ir įtaka. Jei raktinius žodžius apjuosite šiomis žymomis, tai turės teigiamos įtakos svetainės reklamai. Svarbiausia nepersistengti – teksto žymoje turi būti daugiausia 5 % paryškinto teksto , ir tiek pat kursyvo žymoje .
Jei norite tiesiog paryškinti kurį nors teksto tašką, naudokite žymą arba . Apskritai manau, kad paieškos sistemos taip pat mano, kad tekstas šiose žymose yra svarbesnis, bet vidinis optimizavimas jie vis dar turi mažesnę įtaką nei Ir .
Žymos, skirtos tekstui paryškinti linija - , Ir
Dabar pažvelkime į keletą žymų, kuriose teksto kūrime naudojamas brūkšnys. Garsiausias teksto redaktorius, kurį žinote, yra žyma
arba pabraukimas. Ši žyma neturi įtakos reitingavimui (kiek aš žinau), bet tam tikro teksto paryškinimas ir dėmesio sutelkimas padės. Aukščiau pateikiau šios žymos naudojimo pavyzdį. Dar dvi panašios paskirties žymos – Ir . Abu atlieka teksto išbraukimo funkciją. Šią žymą galite naudoti bet kurioje situacijoje: jei atnaujinate dokumentą (tiksliau, jo dalį), galite išbraukti senąjį ir pridėti naują; jei ketinate rašyti kažką, kas nukrypsta nuo medžiagos temos; kažkas, kas neatitinka moralės ir etikos standartų.
Skirtumai tarp šių dviejų žymų yra tik jų rašymas, dėl to pageidautina naudoti pirmąjį, nes pirma, patogiau rašyti, antra, jūsų puslapyje bus mažiau HTML kodo, o paieškos sistemoms tai patinka.
Žyma ir atributai – teksto šrifto parametrai
Dabar apsvarstykite žymą, kuri nenaudojama be atributų. Naudodami jį galite nustatyti konkrečios teksto dalies parametrus. Apskritai dabar geriau naudoti (kaskadinius stiliaus lapus), nes... naudodamiesi jais galite gerokai sumažinti visą puslapio HTML kodą. Taigi, pažiūrėkime į tą pačią žymą . Viskas jam egzistuoja trys atributai:
- veidas- pats šriftas. Pavyzdžiui, Arial, Courier arba Verdana. Galite išvardyti keletą, nes ne visi vartotojai turi platų šriftų rinkinį, o į veido atributą įrašius kelis, naršyklė galės pasirinkti, kurį naudoti, tiksliau, kuris yra sistemoje;
- dydis— atributas, nurodantis teksto dydį. Gali būti išreikštas tiek sutartiniais vienetais, tiek pikseliais;
- spalva- teksto spalva. Šis atributas gali būti naudojamas tiek HTML, tiek Word spalvų koduose. Pirmieji turi formą #FFFFFF (kur F yra bet koks skaičius arba raidė nuo A iki F), o antrieji rašomi paprastais žodžiais (pavyzdžiui, raudona).
Taip atrodo žymos tekstas naudojant kiekvieną atributą:
Šis tekstas yra 6 pikselių
Šis tekstas yra raudonas Šis tekstas yra Arial šriftu Šis tekstas yra raudonas ir 5 pikselių dydžioIr štai ką pamatysite apdoroję parašytą kodą: 
Blokuoti teksto dizaino elementus – antraštes -, pastraipa
, pastraipa
Galiausiai apžvelgsime bloko elementus, kurie naudojami beveik kiekviename dokumente. Tai yra antraštės ir pastraipos žymos. Apsvarstykime pirmąjį. Yra 6 tipų antraštės ir kiekviena turi savo žymą. Kiekvienas tipas turi tik savo serijos numerį ir yra įrašomas naudojant žymes
, ,..., . Štai kaip visos antraštės atrodo apdorotos:
. Štai kaip visos antraštės atrodo apdorotos:
Skaičius po žodžio pavadinimo atitinka skaičių žymoje
Dabar pakalbėkime apie pastraipos paryškinimo žymą
Šios žymos funkcija yra atskirti tekstą nuo kito identiško teksto ir tuščios eilutės. Jei pažvelgsite į dokumento šaltinio kodą, pamatysite šiuos dalykus:
Žaliuose stačiakampiuose yra viena pastraipa, raudonuose – kita. Štai kaip atrodo šis kodas, kai jį apdoroja naršyklė (rodyklė rodo tuščią eilutę):
Dėl to gauname gana pastebimą vienos pastraipos atskyrimą nuo kitos, o tai į naudą – skaityti tampa patogiau.
Tai yra straipsnio apie dokumentų formatavimo žymos. Jų yra daug daugiau, nei aprašiau šioje medžiagoje. Tiesiog apie kai kuriuos iš jų reikia daug pasakyti, todėl jiems bus skirti atskiri straipsniai su visa apžvalga!
– kuriant svetainę tenka daug dirbti su tekstiniais blokais, arba teksto frazėmis. Vieną dieną man reikėjo pridėti tekstinę frazę taip, kad prieš šią frazę būtų keletas įtrauka tekstą iš krašto html blokas, kuriame buvo pridėtas šis tekstas.
Taigi, pirmasis būdas yra pats natūraliausias ir paprasčiausias. Norėdami įtraukti tekstą, prieš tekstą pridėkite HTML tarpo kodą – HTML tarpo kodą galite pridėti bet kuriame HTML redaktoriuje.
Štai darbo kodo, skirto teksto įtraukai nustatyti naudojant tarpo kodą, pavyzdys:
HTML kairioji teksto įtrauka, naudoti tarpo kodą
Šiame pavyzdyje prieš mūsų pasirinktą tekstą yra tarpo kodas pridėta keturis kartus, todėl gauname reikiamą įtrauką.
Žinome, kad tarpo kodą apdoroja bet kuri naršyklė. Todėl prieš tekstą pridėję reikiamą tarpų skaičių, galite gauti reikiamą teksto įtrauką.
Šis metodas yra geras, nes garantuoja, kad jį apdoros bet kuri naršyklė.
Tačiau šis metodas turi reikšmingą trūkumą. Kad tekstas būtų pakankamai ilgas html kode, prieš tekstą turėsite pridėti daug tarpo simbolių, o tai gali neatrodyti gražiai, sudėtingai ir neprofesionaliai.
Vienas iš šios problemos sprendimų yra toks įtraukos nustatymo būdas.
HTML teksto įtrauka, antrasis metodas – šis metodas pagrįstas blockquote žymos savybėmis. Ši žyma nustato maždaug 40 pikselių įtrauką kairėje ir dešinėje joje esančiam tekstui. Be to, įtrauka nurodyta viršuje ir apačioje. Toliau pateikiamas šio metodo naudojimo html kodo pavyzdys:
kairėje, naudokite žymą blokinė citata
Kaip matote, šis teksto įtraukos nustatymo metodas yra labai paprastas naudoti, tačiau šis metodas taip pat turi reikšmingą trūkumą. Įtrauka, kurią nustato žyma blokinė citata yra fiksuota ir visada lygi tai pačiai reikšmei – 40px.
Situacijai ištaisyti ir pridedant html įtrauka ir už tekstą kad galėtume nustatyti bet kokią reikšmę, naudosime trečiąjį metodą.
HTML teksto įtrauka, trečiasis metodas.
Čia naudosime CSS pakopinio stiliaus lapų teksto įtraukos ypatybę.
Jei atidarysime CSS žinyną, puslapyje su teksto įtraukos savybių aprašymu, pamatysime, kad naudojant teksto įtrauką galime nustatyti pirmos eilutės, pirmos pastraipos ar bet kurio teksto bloko įtraukos reikšmę. .
Mes svarstome pavyzdį su trumpu teksto bloku, todėl teksto įtraukos savybės yra gana tinkamos mūsų atveju.
Žemiau yra html kodas, kuris įtraukia tekstą naudojant teksto įtrauką. Pavyzdys rodo, kad nustatydami teksto įtrauką į skirtingas argumentų reikšmes, galime pakeisti teksto įtraukos dydį:
HTMLįdubimastekstą, veikia CSS stilius - teksto įtrauka
Mano nuomone, šis teksto įtraukos nustatymo būdas yra pats optimaliausias, tačiau vis dėlto apsvarstykime kitą įtraukos nustatymo būdą naudojant vaizdus.
HTML teksto įtrauka, ketvirtas metodas – čia mes naudosime vaizdą, kad nustatytume įtrauką.
Kaip darbo pavyzdį, iš karto pažvelkime į html kodą, kuris parodo, kaip veikia šis metodas:
kairėje, naudokite vaizdą
Iš aukščiau pateikto pavyzdžio aiškiai matyti, kad keisdami vaizdo plotį galime pakeisti teksto padėtį, tai yra nustatyti norimą teksto įtrauką.
Kaip vaizdą galite naudoti vaizdą, kurio plotis ir aukštis yra lygūs vienam pikseliui. Kad mūsų naudojamas vaizdas nebūtų matomas puslapyje, jo spalvą nustatysime lygiai tokią pat, kaip ir svetainės puslapio fono.
Mano nuomone, aukščiau pateiktų teksto įtraukų nustatymo metodų visiškai pakanka, kad būtų galima sutvarkyti reikalingą įtrauką bet kokioje situacijoje, kai pridedate turinį į savo svetainių puslapį.
Paprastai teksto blokai yra atskirti pastraipomis (pastraipomis). Pagal numatytuosius nustatymus tarp pastraipų yra mažas vertikalus tarpas, vadinamas tarpu. Pastraipų kūrimo sintaksė yra tokia.
1 dalis
2 dalis
Kiekviena pastraipa prasideda žyma
Ir baigiasi pasirenkama uždarymo žyma
.Bet kurioje knygoje pirmosios eilutės įtrauka, dar vadinama „raudona linija“, naudojama kitai pastraipai paryškinti. Tai leidžia skaitytojui lengvai ieškoti naujos eilutės ir taip padidinti teksto skaitomumą. Tinklalapyje ši technika dažniausiai nenaudojama, tačiau pastraipoms atskirti naudojamas užpildymas.
7.1 pavyzdyje parodytas pastraipų naudojimas įtraukoms tarp eilučių kurti.
7.1 pavyzdys. Pastraipų naudojimas
Kai kur dar vasaris, kitur jau balandis.
Laikas bėga, amžinas skaičiavimas: metai iš metų, šimtmetis po šimtmečio...
Visame – jo neskubus tempas, juodas bėgimas.
Per metus yra dvidešimt penkios džiaugsmo ir liūdesio savaitės.
Man dvidešimt penkios vasario savaitės ir dvidešimt penkios balandžio savaitės.
Dvidešimt penkias savaites šimtmečiai pereina į rūką.
Mano skambus farsas lekia kažkur debesų link.
M. Ščerbakovas
Šio pavyzdžio rezultatas parodytas fig. 7.1.
Ryžiai. 7.1. Įtrauka tinklalapyje naudojant pastraipas
Kaip matyti iš paveikslo, naudojant žymą
Tarp pastraipų yra per daug tarpų. Galite jų atsikratyti, jei prie eilučių lūžių pridėsite žymą:
. Skirtingai nuo pastraipos, eilutės lūžio žyma
nesukuria papildomų vertikalių tarpų tarp eilučių ir gali būti naudojamas beveik bet kokiame tekste.
Taigi 7.1 pavyzdžio tekstas, atsižvelgiant į eilučių lūžius, bus transformuojamas taip (7.2 pavyzdys).
7.2 pavyzdys. Žyma
Vienuose soduose žydi migdolai, kituose pučia sniego audros.
Kai kur dar vasaris, kitur jau balandis.
Laikas bėga, amžinas skaičiavimas: metai iš metų, šimtmetis po šimtmečio...
Visame – jo neskubus tempas, juodas bėgimas.
Per metus yra dvidešimt penkios džiaugsmo ir liūdesio savaitės.
Man dvidešimt penkios vasario savaitės ir dvidešimt penkios balandžio savaitės.
Dvidešimt penkias savaites šimtmečiai pereina į rūką.
Mano skambus farsas lekia kažkur debesų link.
M. Ščerbakovas
Pavyzdžio rezultatas parodytas fig. 7.2. Matyti, kad atstumas tarp teksto eilučių sumažėjo ir jis įgavo kompaktiškesnę išvaizdą.
sąrašai vaizdai nuorodos lentelės formos vaizdo įrašas garso įrašas HTML nuoroda CSS nuoroda Svetainės išdėstymasPirmoje pamokoje apie HTML dokumento struktūrą buvome iš dalies supažindinti su puslapio pavadinimu H1 ir pastraipa P. Dabar pažvelkime į logines žymėjimo žymas: antraštes, pastraipas, sąrašus, matomus elemento Body elementus ir fizinio formatavimo žymas. Norėdami tai padaryti, šiek tiek pakeiskime puslapio pavyzdį arba įveskite dar kartą:
Mokomajame html puslapyje pridėjome (pažymėtą rodyklėmis, vieną kartą): 2 lygio antraštę - H2 žymą, dvi 3 lygio antraštes - H3 žymą, kitą pastraipą - P žymą, sąrašą su ženkleliais - Ul ir keletą fizinio formatavimo žymų. . Atidarykime puslapį naršyklėje:
Žymos H1-H3 žymi įvairaus lygio antraštes – iš viso jų yra šešios. Atitinkamai žemiausio lygio antraštė yra H6. Antraštės turi būti naudojamos logiškai, o aukščiausio lygio H1 antraštė puslapyje turi būti rodoma tik vieną kartą. H1 antraštė naršyklėse rodoma dideliu šriftu, o kitų lygių antraštėse šrifto dydis atitinkamai sumažinamas.
Paieškos robotai teikia didelę reikšmę aukščiausio lygio antraščių turiniui. Be to, vartotojams lengviau naršyti puslapyje su logiškai teisingai sukonstruotomis antraštėmis.
Fizinio formatavimo žymos
Puslapyje po antros pastraipos matoma horizontali juosta – ją sukuria elementas Hr, kuris neturi uždarymo žymos. Br žyma reiškia naują eilutę, ji taip pat nėra suporuota – be uždarymo žymos. Formatuodami tekstą galite naudoti kelis Br elementus iš eilės – kiekvienas kitas pridės naują tuščią eilutę.
Dabar atkreipkime dėmesį į žodį „kūnas“ antroje pastraipoje, įtrauktą į suporuotą B žymą, dėl kurios žodis yra paryškintas. O frazė „teksto formatavimas“ rodoma kursyvu – tai pasiekiama naudojant žymę I. U žyma nustato pabraukimą (mūsų pavyzdyje to nėra).
Be šių žymų, išryškinančių teksto fragmentus, HTML yra ir Strong žyma – ji išryškina prasmę svarbų fragmentą (paryškintas). Ir Em žyma yra šiek tiek mažiau svarbi (kursyvas). Paieškos robotai atidžiau atkreipia dėmesį į šias dvi žymas, kurios nurodo frazes, kurios yra svarbios jų logine prasme. Patartina į juos įtraukti raktinius žodžius, tačiau nereikėtų persistengti. Tas pats pasakytina ir apie antraštes.
Štai keletas daugiau fizinio teksto formatavimo žymų: Q – paryškina citatą eilutėje. Blockquote bloko elementas – šioje žymoje gali būti kelios pastraipos.
Kodo žyma naudojama kodo fragmentams žymėti, ji turi būti naudojama su Br eilučių lūžiais ir nepertraukiamais tarpais: jiems žymėti naudojami specialūs simboliai. simbolis (pirmasis simbolis - ampersandas: klavišas 7, angliškame išdėstyme laikant nuspaustą Shift). Tačiau išankstinė žyma rodo programos kodą tokį, koks jis yra, su tarpais ir tiek eilučių, kiek yra kode.
Tai yra dažniausiai naudojami teksto formatavimo elementai; apie kitas formatavimo žymas ir specialiuosius simbolius žr. HTML nuorodą, esančią toje pačioje svetainėje – joje lengva naršyti abėcėlės tvarka.
Sukurti html sąrašus
Belieka apsvarstyti sąrašų sudarymą, mes jį pažymėjome ir nurodome suporuota žyma Ul, o jos elementus arba elementus – žyme Li (1-oji ekrano kopija). Naudodami tipo atributą, skirtą Ul ir Li žymoms, galime pakeisti žymeklio tipą. Pagal numatytuosius nustatymus, t.y. jei atributas nenurodytas, jo reikšmė yra „disk“ – apskritimas. Tipo atributą galite nustatyti su reikšme "circle" - circle. Arba taip:
- - gausime sąrašą su kvadratiniais žymekliais.
Tiesą sakant, aš nesutelksiu dėmesio į kitus žymos atributus, išskyrus privalomus ir keletą pavyzdžių, kad būtų lengviau suprasti. Norėdami nustatyti stilius, geriau naudoti CSS ypatybes – mes prie jų pateksime, o atributus rasite žinyne.
Be suženklintų, yra sunumeruoti sąrašai, kurie nurodomi Ol žyme, o sąrašo elementai, pavyzdžiui, su ženkleliais, su Li žyma. Be to, galite sukurti abiejų tipų sąrašus įdėtus sąrašus. Sudėtinkite užduotį ir pakeiskime sąrašą pavyzdžio puslapyje į tokį:
Atidarykime puslapį naršyklėje ir aiškiai matome: sunumeruotas sąrašas su jame įdėtu sąrašu su ženkleliais, kuriam tipo atributo reikšmė "square" nurodo kvadratinius žymeklius.
