Žyma yra specialus rezervuotas žodis, įterptas į kampinius skliaustus (pavyzdžiui, ). Žyma yra pagrindinis HTML komponentas: ja prasideda kodas, juo jis baigiasi, o tinklalapyje rodoma informacija yra žymose. Rekomenduojama juos rašyti mažosiomis raidėmis, tai yra paprastomis mažomis raidėmis: ne, bet.
Kokie yra žymų tipai?Dauguma HTML žymų yra suporuotos: yra pradžios žyma (pavyzdžiui, ) ir baigiamoji, kurią nuo pradžios žymos skiria pasvirasis brūkšnys (/) po pirmojo kampinio skliausto (pavyzdžiui, ). Viskas, kas yra žymų poroje, vadinama jų turiniu.
Turinys Šiose žymose esantis tekstas tampa paryškintas
Taip pat yra nesusietų (vienkartinių) žymų, kurios vadinamos žymomis. Jų, skirtingai nei suporuotų žymų, nereikia uždaryti, nes jos neveikia su turiniu, o pačios atlieka kokią nors funkciją. Vienos žymos pavyzdys –
. Tai nustato, kad tekstas būtų perkeltas į kitą eilutę.
Jei brėžtume paraleles su rusų kalba, galime sakyti, kad suporuotos žymos yra kabutės arba skliaustai, turintys įtakos jose esančio teksto savybėms (stenkitės neuždaryti kabučių laiku), o pavienės žymės (ženklai) yra skyrybos ženklai ( šauktukas, klausimas arba taškas).
Bet kurią žymą sudaro:
- Atidarykite kampinį laikiklį (< ).
- Ypatingas žodis (žymos pavadinimas). Pavyzdžiui, hr , iframe , b .
- Uždarymo kampinis laikiklis (> ).
Kadangi žymos yra žymėjimo kalbos pagrindas, nenuostabu, kad jų yra gana daug. Pažvelkime į pagrindines, svarbiausias žymas.
- - viena žyma su komentaru. Komentaras yra tekstas, kurio neapdoroja naršyklė. Žymos viduje galite rašyti ką tik norite, netgi kitas žymas – jos neveiks, nepasirodys ekrane. Kūrėjai komentuoja kodą, kad kitiems žiniatinklio valdytojams būtų lengviau jį suprasti, arba kad po ilgo laiko jie galėtų greitai jį suprasti.
- , , , , yra žymos, kurios turėtų būti bet kokiame tinkamame HTML dokumente (daugiau informacijos žr. „Kaip sukurti svetainę užrašų knygelėje“).
- - žymoje yra pagalbinės informacijos naršyklėms ir paieškos sistemoms. Jo viduje galite įrašyti raktinius žodžius, puslapio aprašymą, dokumento kodavimą, autoriaus vardą ir kt.
- yra nuoroda į scenarijaus failą arba patį kodą.
- - žyma, kuri nustato dokumento ir (arba) jo elementų stilių naudojant CSS. HTML dokumente gali būti daug žymų, kurios apibrėžia skirtingus skirtingų puslapio dalių stilius.
- – visiška priešingybė, ją papildanti. Žyma nurodo skyriaus arba viso puslapio „antraštę“ (pavadinimą).
- saugo svetainės ar skyriaus „kojas“. Jo viduje galite patalpinti pagalbinę informaciją, autorių teises, kontaktinę informaciją ir kt.
- yra pagrindinis puslapio turinys. Nei antraštė, nei meniu blokas, nei svetainės „kojos“, o tai, kam buvo sukurtas puslapis. Pavyzdžiui, puslapyje, kurį dabar skaitote, šis straipsnis turėtų būti viduje.
- skirtas nuorodoms kurti. Nuorodos yra hiperteksto šaknis, todėl šis straipsnis skirtas joms.
reikalingas norint pridėti paveikslėlių į tinklalapį (jūsų paslaugoms skirta šiam veiksmui).
-
,
, - , , ,, , , ir kitos teksto formatavimo žymos sudaro didelę HTML žymų grupę; jos aptariamos straipsnyje „Teksto formatavimas HTML“.
- - bloko elementas. Viduje esantis tekstas suformatuotas naudojant CSS (kaskadinius stilių lapus, apie kuriuos kalbama antroje pamokos dalyje).
- . Jūs turite pastraipą
arba blokuoti Jame esantis tekstas sukurtas tuo pačiu stiliumi, tačiau nepažeidžiant struktūros norėtumėte įsitikinti, kad keli žodžiai turi skirtingą šrifto dydį ar spalvą. Žyma yra skirta tokioms situacijoms.
-
,
-
,
- - žymų sąrašas. Pažymėti, sunumeruoti – šių žymų darbas. Taip pat yra apibrėžimų, už kuriuos atsakingos žymos, sąrašai, tačiau apie visus šešis iš jų išsamiai sužinosite straipsnyje „Sąrašų kūrimas“.
, , ,
, Ir yra naudojami kuriant lenteles ir išsamiai aptariami atskirame straipsnyje. - – žyma, kuri suteikia puslapiui interaktyvumo, ty leidžia vartotojui sąveikauti su svetaine. Žinoma, formai reikia tvarkyklės, tačiau naudodami viduje esančias žymas galite sukurti sąsają. Žymieji langeliai, mygtukai, radijo mygtukai, įvesties laukai ir kiti objektai, kuriems reikia aktyvių jūsų veiksmų, yra formos elementai, kurių kodas įdėtas į konteinerį.
- - žyma, kuri sukuria interaktyvų mygtuką. Kad kažkas atsitiktų paspaudus, mygtukas turi būti formoje (esantis tarp žymų).
- sukuria formos elementus: jungiklius, žymimuosius langelius, mygtukus, visokius įvesties laukus. Įdėta į konteinerį. Bet kam mums reikia atskirų, jei yra universalus? leidžia sukurti mygtuką su išplėstiniais parametrais. Pavyzdžiui, galite įdėti paveikslėlį ant mygtuko. To negalima padaryti naudojant elementą, sukurtą naudojant .
- ir - meniu kūrimo žymos HTML 5. - tai konteineris, kuriame dedami elementai, kuriuos pridėjus sukuriami meniu elementai. Visai įdomi pora. Pavyzdžiui, su jo pagalba galite sukurti savo kontekstinį meniu puslapiui ar atskiram jo elementui.
- - dar viena formos žyma, sukurianti joje didelį lauką, į kurį galite įvesti ne tik vieną teksto eilutę, o visas pastraipas.
Sveiki, mieli tinklaraščio svetainės skaitytojai. Tiesą sakant, šis terminas turi keletą reikšmių, kurios niekaip nedera. Apie kiekvieną iš jų pabandysiu pakalbėti šiame leidinyje.
Sužinosite, kas yra HTML žymos ir kuo jos skiriasi nuo meta žymų, taip pat sužinosite, kaip žymos naudojamos kaip žymos svetainėse (jų yra įvairių), galiausiai apžvelgsime muzikos žymas garso failuose. Taip šis terminas tampa daugialypis.
Bet visais atvejais žodis „žymos“ reiškia tinklalapio žymėjimą naudojant HTML kodą arba visos svetainės žymėjimą naudojant žymas, arba muzikos kolekciją, nurodant albumą ir dainą.
Kas yra žymos svetainėje (žymos, skirtos naršymui kurti)Pradėkime nuo paprasto. Tikriausiai visi matėte, kad po kai kuriais svetainių straipsniais yra laukas, vadinamas žymomis arba žymomis, kuriame pateikiami kai kurie žodžiai. Kodėl tai daroma? Apskritai, siekiant palengvinti naršymą šioje svetainėje ().
Kaip žymės naudojami vadinamieji raktažodžiai, kurių rinkinys trumpai apibūdina publikaciją (pvz., pagrindiniam mano tinklaraščio puslapiui tiktų toks žymų rinkinys: svetainės kūrimas; reklama; svetainės reklama; uždarbis).
Šių žodžių pagalba bus galima aiškiai nustatyti, apie ką buvo šis straipsnis. Tačiau pagrindinė jų vertė yra ne tai, o tai, kad lankytojas gali spustelėti bet kurią žymą ir pamatyti visų straipsnių sąrašą svetainėje, kurioje ji pasirodė. Iš esmės tai yra galingas informacijos klasifikavimo įrankis.
Kad neieškotų reikiamų žymų po straipsniais, svetainių savininkai labai dažnai sukuria vadinamąjį žymų debesį, kurį galima patalpinti kairiajame arba dešiniajame svetainės stulpelyje arba jos poraštėje (apačioje). Praktiškai ši gėda gali atrodyti taip:
Paprastai jame pateikiamos populiariausios žymos, o visas žymas galite peržiūrėti spustelėję atitinkamą nuorodą. Kartais dažniau naudojamos žymos (jos yra daugiau šios svetainės straipsnių) pateikiamos didesniu šriftu, o rečiau naudojamos – mažesniu šriftu.
Kartais jiems rodyti sukuriamas atskiras puslapis, kaip parodyta ankstesnėje ekrano kopijoje.
Kodėl šis žymėjimo metodas naudojamas ne visose svetainėse, jei jis patogus vartotojams? Jų nėra ir mano tinklaraštyje, dėl ko yra nemažai paaiškinimų. Nors jų naudojimas numatytas pagal nutylėjimą, darbui su žymomis taip pat yra daug įskiepių.
Taip, žymos puikiai veikia, kai turite nedaug straipsnių ir gerai atsimenate visas jau sukurtas ir kituose straipsniuose naudojamas žymas. Tačiau didėjant medžiagų skaičiui, žymų skaičius smarkiai padidėja; jos pradeda dalinai dubliuotis, kai naudojami artimi raktažodžiai.
Dėl to susidaro didžiulė netvarka, kurios vertė gerinant navigaciją, mano nuomone, yra gana abejotina. Šiuo tikslu dideliame žiniatinklio projekte geriau naudoti svetainės paiešką. Nors žymos puikiai veikia socialiniuose tinkluose, kur naudodami žymas galite sujungti skirtingų vartotojų informaciją ir peržiūrėti ją vienoje vietoje. .
Kas yra HTML žymos?Pirmą kartą nusprendžiau juos studijuoti prieš penkiolika metų, bet tada nepažengiau toliau nei antraštė. Tada aptikau nemokamą Jevgenijaus Popovo vaizdo įrašų kursą apie HTML ir viskas klostėsi gerai. Žinoma, tas kursas buvo tik pradinis etapas, bet kaip tik šio paprasto pristatymo pradedantiesiems dažnai trūksta.
Šios pamokos apima pagrindines žymas, kurias naudodami galite lengvai kurti lenteles, į tekstą įterpti paveikslėlius ir hipersaitus, įtraukti į svetainę įvairias formas ir dar daugiau. Iš viso 33 nemokami vaizdo įrašai HTML temomis.
Tačiau vaizdo įrašų kursas yra vaizdo kursas, ir aš turiu jus sudominti, kad atsisiųstumėte ir pažiūrėtumėte. Iš bendrų frazių neaišku, kokios žymos yra HTML kalba ir kodėl jas reikia mokytis. O, tai puikus ir paprastas dalykas, kuris leis jums tapti savo svetainės šeimininku. Kodėl jums reikalinga svetainė?
Na, ko gero, visų pirma už saviraišką ir pastangas, o antra – . Tik tylėk, antraip visi išgirs ir bėgs tyrinėti, kas yra žymės, kurs svetaines ir uždirbs viską, ką galėtum uždirbti tik tu, o aš esu kompanijoje. Todėl ir toliau kalbėsiu tik pašnibždomis.
Internetą galima palyginti su televizija, kur pats susikuri nedidelę programą (sukurti svetainę naudodamas žymes) ir gauni pajamų iš reklamos. Kuo populiaresnis jūsų laida (interneto projektas), tuo daugiau uždirbsite. Viršutinės ribos nėra, nors apatinės irgi nėra. Bet jums nereikia investuoti pinigų, tik jūsų darbas ir laikas, praleistas tyrinėjant žymes, kaip veikia variklis ir, tiesą sakant, užpildant svetainę turiniu.
Taigi, žymės yra paprasčiausi tinklalapio žymėjimo elementai, kad naršyklė, įkeldama jį iš serverio, tiksliai suprastų, kaip rodyti konkretų elementą (tekstą, vaizdą, vaizdo įrašą). Anksčiau Html kalba buvo atsakinga už visą šį reikalą, bet tada jie jam atėjo į pagalbą ir jam tapo daug lengviau. Popovas taip pat turi nemokamą vaizdo įrašų kursą, kurį galima atsisiųsti iš čia.
Vaikinai, kai įvaldysite HTML žymas, suprasite, kad tai buvo taip pat paprasta, kaip kriaušių gliaudyti. Svarbiausia pradėti ir kažkaip save stimuliuoti. Aš jums nekalbu tik apie finansinę pusę. Svetainė gali tapti jūsų pagrindiniu pajamų šaltiniu ir iš jos maitintis gali visa šeima. Reikia sėkmės, užsispyrimo ir nebijojimo išbandyti naujus dalykus.
Yra įvairių žymų, bet jų nėra daug (tų, kurios liko aktualios įdiegus CSS). Pažiūrėkite, kaip tai paprasta. Tarkime, kad norite sukurti pastraipą – tiesiog apjuosite būsimos pastraipos tekstą pradžios ir pabaigos žymomis P (tai lotyniška raidė ir kode geriau ją rašyti maža, bet čia aš padariau didžiąją aiškumas). Štai kaip tai atrodys:
Teksto tekstas...... teksto tekstas
Ar suprantate skirtumą tarp pradinės HTML žymos (pradžioje) ir uždarymo žymos (pabaigoje)? Na, žinoma, aš ką tik pridėjau pasvirąjį brūkšnį po trikampio skliausto.
Oi, pamiršau pasakyti Pagal kokius kriterijus naršyklė atskiria žymas?(žymėjimas) iš pagrindinio turinio. Ar pats atspėjai?
Teisingai, tai yra trikampiai skliaustai, į kuriuos mes juos įdedame. Naršyklė, analizuodama tinklalapio kodą, pamatė tokį skliaustą ir suprato, kad tai yra žyma, ir apdoroja viską, kas joje yra, pagal tam tikrą algoritmą (sudaro pastraipas aukštyje, padidina antraščių šriftą ir pan.) .
Jei tekste reikia naudoti atidaromąjį trikampį skliaustą, būtinai darykite tai naudodami, kad naršyklė jus teisingai suprastų. Tai reikia atsiminti.
Kode jie gali atrodyti, pavyzdžiui, taip:
Tiesą sakant, juose yra tinklalapio, kuriam jie užregistruoti, aprašymas ir raktiniai žodžiai. Daugiau apie juos skaitykite aukščiau esančiame straipsnyje.
Meta žymelės įrašomos tinklalapio kode griežtai apibrėžtoje vietoje. Ar žinai kuri? Tiesa, vadinamojoje dokumento „galvoje“, kurią sudaro atidarymo ir uždarymo HEAD žymos.
Viskas, kas juose parašyta (įskaitant META žymas), tinklalapyje nebus rodoma. Tai griežtai patentuota informacija. Aukščiau pateiktas aprašymas ir raktiniai žodžiai nurodo paieškos sistemoms apie tam tikro tinklalapio turinį ir toliau esančią metažymą.
Leisdami muziką automobilyje ar grotuve (telefone) tikriausiai ne kartą pastebėjote, kad vietoj kūrinio pavadinimo ir autoriaus-atlikėjo vardo buvo rodomas kažkoks kraupus blevyzgas. Galima manyti, kad atsisiųstų muzikos failų pavadinimai parašyti neteisinga rusų kalbos koduote.
Jei pervadinsite failus naudodami , grotuve vis tiek matysite nemalonų vaizdą. Ką daryti? Ir kas kaltas dėl šios situacijos? Kaip bebūtų keista, priežastis yra neteisingos žymos šiame muzikos faile.
Jie yra įsiūti tiesiai į garso failą (jo pradžioje arba pabaigoje) ir gali turėti informacijos apie kompoziciją, jos autorių, albumą, takelio trukmę ir dar ką nors ne taip svarbaus. Naujausiuose muzikos žymų įsikūnijimuose į juos galima įsiūti net kompaktinių diskų viršelių vaizdus (dažniausiai maras).
Tačiau problema, kaip taisyklė, kyla ne dėl jų prieinamumo, o dėl galimybės juos redaguoti. Kiekvieno save gerbiančio melomano gyvenime ateina laikas, kai jis yra „pasiruošęs draskyti ir mėtyti“, tiesiog sutvarkyti savo kolekcijoje esančius dalykus ir pridėti tinkamas žymas visuose takeliuose, kuriuos galima skaityti bet kuriuo įrenginiu. Kaip tai padaryti?
Naudojant specialią programinę įrangą. Pačios žymos pirmą kartą garso failuose pasirodė praėjusio amžiaus pabaigoje. MP3 failams jų pridėjimo standartas vadinosi ID3, o muzikos failams, kurie suglaudinami neprarandant kokybės (pvz., FLAC ir panašiai), žymų (meta duomenų) pridėjimo standartas vadinosi Vorbis komentaras.
Muzikai, įrašytai Windows WMA formatu, yra WM metaduomenys, o Apple MP4 – iTunes metaduomenys (beje, neseniai apie tai rašiau).
Taigi, žymes galite redaguoti naudodami specialias programas. Populiariausias iš jų tikriausiai yra Mp3tag (oficiali svetainė, tačiau būkite atsargūs atsisiųsdami – netyčia nepaspauskite ant skelbimo, kuriame siūloma atsisiųsti ką nors visiškai kitokio). Manau, kad visas kitas programas rasite patys, juolab kad šios užteks šiai užduočiai atlikti.
Štai kokios įvairios pasirodė žymos, kurios visais šiais atvejais atliko pagrindinį vaidmenį – žymėjimą (straipsnių svetainėje, turinio tinklalapyje ar metaduomenis muzikos failuose). Tikiuosi, kad dabar turite mažiau klausimų šia tema.
Sėkmės tau! Greitai pasimatysime tinklaraščio svetainės puslapiuose
Jums gali būti įdomu
Žymos „Instagram“ – kam jos reikalingos ir kur pamatyti populiariausias
Žymos su grotelėmis – kas tai yra ir kaip žymos su grotelėmis naudojamos „Twitter“, „Instagram“ ir kitose vietose Kaip automatiškai pridėti „Alt“ atributą prie „WordPress“ tinklaraščio „Img“ žymų (kur jų nėra)
Radikal – nemokamas nuotraukų talpinimas su greitu ir paprastu nuotraukų įkėlimu per Radikal.ru
Nuoroda - kas tai yra ir kaip ją sukurti Kas yra talpykla - kaip išvalyti talpyklą „Opera“, „Mozilla“, „Chrome“ ir kitose naršyklėse
Didysis klausimas – kaip užsidirbti pinigų iš klausimų ir atsakymų paslaugos Palyginimas yra technika, kuri papuošia vaizdą (pavyzdžiai iš literatūros) Kas yra išmanioji televizija televizoriuje
Mes pažvelgėme į paprasto puslapio sukūrimo pavyzdį, kuriame buvo komentuojami kai kurios html žymos, nes man atrodo, kad geriau iš pradžių ką nors parodyti su pavyzdžiu ir tada pereiti prie išsamesnio aprašymo. Būtent todėl apie puslapio kūrimą buvo kalbama antroje pamokoje, o trečioje – plačiau.
Taigi, toliau pateikiami įprastų HTML žymų, naudojamų beveik kiekviename svetainės puslapyje, aprašymai. Patikėkite, jų jau užtenka, kad būtų galima parašyti visą svetainę.
HTML žymų sąrašas 1. HTML žyma (pastraipoms) – rodo teksto pastraipą (leidžia stiliaus, klasės, id atributus). Labiausiai paplitusi žyma, nes joje dažniausiai dedamas tekstas (tačiau tam jis buvo sukurtas).Pavyzdžiui, html kodas:
Teksto pastraipa numeris vienas
Ir tai jau kita pastraipa
Teksto pastraipa numeris vienas
Ir tai jau kita pastraipa
Taip pat prie žymos galite pridėti stiliaus parametrą:
Šios skirtingos reikšmės gali būti naudojamos šrifto išvaizdai redaguoti. Apie šiuos parametrus galite perskaityti atskiroje pamokoje: stiliai html ir css šrifto ypatybė.
Taip pat galite nurodyti KLASĖ ir ID atributus. Pavyzdžiui:
2. HTML žyma ir (pusjuodžiu šriftu)Ir – dvi žymos, leidžiančios šriftą paryškinti. Tarp šių žymų nėra jokio skirtumo.
Pateikime pavyzdį. HTML kodas:
miniatiūraPuslapyje konvertuojama į šiuos dalykus:
miniatiūra
Taip pat galite nurodyti atributus CLASS ir ID (kaip ir pastabos atveju
Šios žymos mažai įtakoja dokumentų reitingavimą paieškos sistemose, todėl geriau jų nenaudoti be tikslo.
3. HTML žyma (kurti kursyvą)- kursyvas (leidžia stiliaus, klasės, ID parametrus)
Pavyzdžiui, html kodas:
kursyvu tekstasPuslapyje konvertuojama į šiuos dalykus:
4. HTML žyma (pabrauktas tekstas)- pabrauktas šriftas (leidžia stilių, klasę, id parametrus)
Pavyzdžiui, html kodas:
pabrauktas tekstasPuslapyje konvertuojama į šiuos dalykus:
pabrauktas tekstas
5. HTML žyma (hipersaito kūrimas)Puslapyje sukuriama nuoroda (leidžiama nurodyti stilių, klasę ir kitus parametrus).
Pavyzdžiui, html kodas:
nuorodos tekstasPuslapyje konvertuojama į šiuos dalykus:
Visi žymos parametrai ir atributai bus nagrinėjama atskiroje pamokoje: html žymą.
6. HTML žyma (turinio antraštės),..., - antraštės žymos turinio viduje (leidžia stiliaus, klasės, id parametrą). Be to, kuo mažesnis skaičius, tuo didesnis šiose žymose esančio teksto svoris ir dydis (pagal numatytuosius nustatymus).
Pavyzdžiui, html kodas:
Antraštė h1Žyma naudojama puslapio pavadinimui (taip pat pavadinimui)
Šios žymos turėtų būti naudojamos tik pagal paskirtį, t.y. tik tada, kai straipsniui reikia pavadinimo. Taip yra dėl to, kad žymės,..., turi didelę įtaką paieškos sistemoms. Jei juos naudosite teisingai, tikimybė patekti į paieškos rezultatų viršų yra labai didelė.
7. HTML žyma (lygiavimas)- sulygiuoja turinį centre.
Pavyzdžiui, html kodas:
Šis tekstas bus centrePuslapyje konvertuojama į šiuos dalykus:
Šis tekstas bus centre
Pastaba- - tekstui
- ... - viskam (pavyzdžiui, vaizdui)
- rodomas apatinio indekso šriftas.
Pavyzdžiui, html kodas:
Paprastas tekstas, tarplinijinis tekstasPuslapyje konvertuojama į šiuos dalykus:
Paprastas tekstas, tarplinijinis tekstas
9. HTML žyma (viršutinio indekso tekstas)- rodo viršutinio indekso šriftą.
Pavyzdžiui, html kodas:
Paprastas tekstas, viršuje esantis tekstasPuslapyje konvertuojama į šiuos dalykus:
Paprastas tekstas, viršuje esantis tekstas
10. HTML žyma,, - rodomas vienu pikseliu didesnis/mažesnis nei dabartinis dydis (leidžiamas stiliaus, klasės, id parametro).
Pavyzdžiui, html kodas:
Įprastas šriftas, šis šriftas yra vienu pikseliu didesnisPuslapyje konvertuojama į šiuos dalykus:
Įprastas šriftas, šis šriftas yra vienu pikseliu didesnis
11. HTML žyma- (sąrašų kūrimas)
- Ir .
- pirmasis sąrašo elementas
- antrasis sąrašo elementas
- pirmasis sąrašo elementas
- antrasis sąrašo elementas
- 1 meniu punktas
- 2 meniu punktas
- Netvarkingas sąrašas (ul)
- Užsakytas sąrašas (ol)
- Apibrėžčių sąrašas (dl) Ką jie daro
- Netvarkingas sąrašas (ul): sąrašas su taškiniais indikatoriais
- Sutvarkytas sąrašas (ol): sunumeruotas sąrašas
- Apibrėžčių sąrašas (dl): sąrašas su elementų apibrėžimais
- Nuoseklus turinio stilius
- Tiesiog sukurk
- Universalus
- ), naudojame dvi žymas: Ir . apibrėžia kiekvieną sąrašo elementą ir aprašo aukščiau pateiktą punktą. Žemiau pateikiamas sąrašas pagal anksčiau pateiktą apibrėžimų sąrašo kodą.
- Sąrašo elementas
ir Žymos, nurodančios žodyno pradžią ir pabaigą.
Žodynėlio terminas yra be įtraukos nuo kairiosios puslapio paraštės.
Termino aprašymas įtrauktas nuo kairiosios puslapio paraštės.
Komandų žymės, skirtos netekstinės informacijos objektams įterpti į tekstąarba
- komanda grafiniam vaizdui įterpti
- komanda įterpti garso fragmentą
Grafikos parinktys- komanda įterpti vaizdo fragmentą
PLATIS- vaizdo plotis pikseliais
AUKŠTIS- vaizdo aukštis pikseliais
LYGIUOTI– lygiavimas (ALIGN=LEFT – lygiavimas į kairę paraštę, ALIGN=DEŠINĖ – į dešinę paraštę, ALIGN=TOP – prie viršutinės kraštinės, ALIGN=APATINĖ – prie apatinės kraštinės, ALIGN=VIDURIS arba CENTRAS – į centrą)
HSPACE— horizontali įtrauka iš grafinio vaizdo
VSPACE- vertikali įtrauka
ALT— alternatyvus tekstas, naudojamas vaizdui nurodyti
Hipersaitų su kitais HTML dokumentais ir interneto ištekliais komandos[apsaugotas el. paštas]- hipersaitas su el. pašto adresu
LentelėsLentelė - tinklelis duomenims rodyti eilutėse ir stulpeliais, taip pat teksto formatu
Ir
Žymos lentelės įterpimui į HTML dokumentąVėliavos parinktys
BGCOLOR- fono spalva
SIENA- bordiūro plotis
PLATIS- stalo plotis
Lentelės žymėjimo žymosir – lentelės pavadinimas, turi parametrą ALIGN=TOP – lygiavimas virš lentelės ir ALIGN=BOTTOM – po lentele.
Ir Lentelės eilutė. Gali turėti parametrusBGCOLOR – fono spalva linijos viduje; ALIGN=LEFT, RIGHT, CENTRE — lygiavimas linijos viduje; VALIGN = VIRŠUS, APAČIA, VIDURIS – vertikalus lygiavimas lentelės eilutėje.Ir Lentelės stulpelis. Gali turėti parametrusBGCOLOR – fono spalva po stulpeliu; ALIGN=LEFT, RIGHT, CENTRE — lygiavimas stulpelio viduje; VALIGN=TOP, BOTTOM, MIDDLE - vertikalus lygiavimas; COLSPAN – ištempia langelį per kelis stulpelius, ROWSPAN – ištempia langelį per kelias eilutes.ir stulpelio pavadinimas. Gali turėti parametrusBGCOLOR – fono spalva po pavadinimu; ALIGN = KAIRĖ, DEŠINĖ, CENTRAS - lygiavimas; VALIGN = VIRŠUS, APAČIA, VIDURIS - vertikalus lygiavimas; COLSPAN, ROWSPAN - langelio ištempimas į kelis stulpelius arba eilutes; WIDHT – pavadinimo plotis.
Rėmo rėmeliaiRėmeliai yra priemonė padalyti ekraną į kelias sritis, kurių kiekvienoje rodomas atskiro tinklalapio ar net visos svetainės turinys.
ir Žymos rėmeliui sukurti
Vėliavos parinktysCOLS- padalinkite ekraną į tam tikrą skaičių stulpelių (vertikaliai)
EILUTĖS- padalykite ekraną į tam tikrą skaičių stulpelių (horizontalūs)
BORDSPALVA- rėmo spalva
SIENA- bordiūro plotis
FRAMEBORDER— rėmelio kraštinė (FRAMEBORDER=TAIP — yra kraštinė, FRAMEBORDER=NE — rėmelio nėra,
FRAMESPACING=n- kraštinės plotis)
Pažymėkite, kad apibūdintumėte rėmelį ().
Vėliavos parinktysSKROLINIMAS— slinkties juostos reguliavimo parametras:
SCROLING=TAIP – slinkties juosta visada bus ten
SCROLING=NE – slinkties juostos nebus
SCROLING=AUTO – slinkties juosta pasirodo tik tada, kai reikia
MARGINWIDHT Ir MARGINHEIGHT— parametrai, valdantys įtrauką rėmelių viduje, naudojami grafiniam vaizdui kadre sulygiuoti
NOREZIUOTI- parametras, nurodantis, kad rėmo rėmo dydis niekada nepasikeis.
Nuoroda į failas.htm -Bendravimas tarp kadrų
TIKSLAS— ryšio tarp kadrų atributas. Turi keletą reikšmių.
Dalintis
Išveda sąrašą (priima stiliaus, klasės, id parametrus). Kiekvienas naujas elementas rašomas tarp
Pavyzdžiui, html kodas:
Sąrašas:Puslapyje konvertuojama į šiuos dalykus:
Sąrašas:
(sukurti lenteles)
- sukuria lentelę (leidžia stilių, klasės parametrą). Kiekviena nauja eilutė sukuriama žymomis
, ir stulpelis . Pavyzdžiui, html kodas:
1 eilutės 1 elementas 1 eilutė 2 elementas 2 eilučių 1 elementas 2 eilučių 2 elementas Puslapyje konvertuojama į šiuos dalykus:
Visos žymėjimo galimybės
13. HTML žyma
(eilutės lūžis)
- perėjimas į kitą eilutę yra viena žyma.Pavyzdžiui, html kodas:
1 eilutė
2 eilučių
3 eilutė Ir šis tekstas bus 3 eilutėje, nes nebuvo perėjimoPuslapyje konvertuojama į šiuos dalykus:
1 eilutė
14. HTML žyma (horizontali linija)
2 eilučių
3 eilutė Ir šis tekstas bus 3 eilutėje, nes nebuvo perėjimo- nubrėžia liniją, vaizduoja vieną žymą (leidžia stilių, klasės parametrą).
Pavyzdžiui, html kodas:
Kai kurie tekstai virš eilutės ir šis tekstas bus žemiau eilutėsPuslapyje konvertuojama į šiuos dalykus:
Kai kurie tekstai virš eilutės ir šis tekstas bus žemiau eilutės
15. HTML žyma(vaizdo išvestis)
Pavyzdžiui, html kodas:
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">
Puslapyje konvertuojama į šiuos dalykus:
Visos žymėjimo galimybės
16. HTML žyma (teksto formatavimas)bus aptarta atskiroje pamokoje: .
- formatuoti tekstą, keisti stilių ir pan. (leidžia parametrų stilių, klasę, id). Jo svorio paieškos sistemų akyse nėra, todėl galite juo naudotis tiek, kiek norite.
Pavyzdžiui, html kodas:
Šis tekstas yra žalias ir jo dydis yra 15 pikseliųPuslapyje konvertuojama į šiuos dalykus:
PastabaPanaši žyma yra .
17. HTML žyma (formos kūrimas)- formų kūrimas puslapyje (leidžia stilių, klasės parametrą).
Pavyzdžiui, įvesti prisijungimo vardą ir slaptažodį, bet kokie mygtukai, bet kokia registracijos forma – visa tai yra formos.
18. HTML žyma (blokų kūrimas)- naudojamas blokams kurti puslapyje (leidžia stilių, klasės parametrą). Anksčiau lentelės daugiausia buvo naudojamos puslapiams žymėti. Pasirodžius žymai, užduotis tapo lengvesnė. Beveik visose svetainėse yra blokų, kurie yra patogi lentelių alternatyva.
Kiekvienas, kuris skaito šią pamoką, tikriausiai žino, kas yra HTML. Tačiau pagrindinių dalykų peržiūra padeda išplėsti žinias ir patobulinti įgūdžius, ypač naudojant nuolat tobulėjančias žiniatinklio technologijas.
Šiomis dienomis daug kalbama apie pakeitimus, kuriuos atneša HTML 5. Kiekviena šiame straipsnyje minima žyma palaikoma ir HTML 4.01, ir HTML 5. Nors kai kurios iš šių žymų yra plačiai naudojamos, bus labai naudinga peržiūrėti metodus dalyvauja.
1.Kiekvienoje knygoje apie programavimą minima, kad labai naudinga paaiškinti, ką daro jūsų kodas. Kodėl komentavimas yra gera praktika? Tai tikrai padeda asmeniui, skaitančiam jūsų kodą, suprasti, kas vyksta.
HTML atveju komentavimas gali atrodyti kaip taškas, kuris prideda puslapio svorio. Tačiau komentarai gali būti naudingi nustatant skyrius ir palaikant puslapio kodo struktūrą bei organizavimą. Skirtingų skyrių pradžios ir pabaigos žymėjimas tikrai gali padėti dirbant su projektu.
Tai yra pagrindinis turinys.
... 2. Lentelių stiliai: , , irNorint sukurti gerą stalo dizainą, reikia naudoti paantraštėje nurodytas žymas. Visi jie veikia lentelės eilutes ir galite lengvai nustatyti joms stilius.
Prekė Kiekis Suma 7 #1 3 #2 4 Apvyniokite lentelės eilutes . Taip formuojamas lentelės pavadinimas.
Įvynioti stygas Lentelės apačioje sudarome bendras eilutes. Stygos turi būti apibrėžta prieš eilutes , todėl visos eilutės rodomos prieš likusias lentelės eilutes.
Duomenų eilutes apvyniojame .
Pastraipa Kiekis Suma 7 #1 3 #2 4 Išskleidžiamasis sąrašas yra puikus būdas pateikti duomenis, kuriuos vartotojas gali pasirinkti. Jie ne tik užima mažai vietos, bet ir yra žinomi naudotojams bei lengvai naudojami. Nuostabus turtas yra galimybė sukurti sąrašo elementų kategorijas (arba paantraštes).
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
4. Antraštės – ,,,,, irŽinoma, visi naudoja antraštes. Bet jei atvirai, kada paskutinį kartą naudojote ar dar žemesnio lygio antraštė? Antraštės leidžia sukurti mažiau semantinių struktūrų, pvz., papildomų teksto stilių .
Papildomo darbo sau kurti nereikia. Prisiminkite pavadinimo žymas.
5. irVisi mėgsta svetaines, kuriose tarp logiškai sugrupuotų elementų nesunku rasti reikiamą informaciją. Grupės sudaro elementus, aplink juos nubrėždamos stačiakampį rėmelį. Taip pat galima pridėti pavadinimą prie tokio skyriaus naudojant .
Bendra informacija: Vardas: El. paštas: Gimimo data:
6.Žyma neturi jokios įtakos stiliui. Tai turi įtakos puslapio funkcionalumui.
naudojamas įvesties elemento etiketei apibrėžti. Pati etiketė suvokia pelės paspaudimus, todėl atitinkamas įvesties laukas tampa aktyvus. Ši etiketės ypatybė tinka teksto laukams ir akutėms.
Vardas: Vyras: Moteris:
7.Jei kuriai nors išraiškai reikia suteikti dramatišką efektą, galite naudoti . Pagal numatytuosius nustatymus tuščia eilutė bus įterpta prieš ir po elemento. Taip pat bus pridėta įtrauka, kad elemente esantis tekstas būtų atskirtas nuo likusio turinio.
Žymos naudojimo pavyzdysŽymos naudojimo pavyzdys
8.To negalima sakyti nurodo , bet dažniausiai jie naudojami kartu.
Prisiminkite žymą , kai reikia ką nors pacituoti.
Žymos naudojimo kartu su žyma pavyzdys. Šis pasiūlymas įtrauktas į etiketę.Žymos blockquote naudojimo kartu su citavimo žyma pavyzdys. Šis pasiūlymas įtrauktas į etiketę.
9.Sąrašų naudojimas suteikia puikių galimybių tvarkyti informaciją. Visi žino apie
Sąrašų tipaiKiekvieno sąrašo tipo informacijos pateikimo būdas skiriasi nuo kitų. Tikrai nereikia sustoti
Sąrašo elemento Nr. 1 apibrėžimas sąrašo elementui Nr. 1 Sąrašo elemento Nr. 2 apibrėžimas sąrašo elementui Nr. 2
Užuot apibrėžę sąrašo elementą (
Sąrašo elemento Nr. 1 apibrėžimas sąrašo elementui Nr. 1 Sąrašo elemento Nr. 2 apibrėžimas sąrašo elementui Nr. 2
10. "(ir kiti ASCII simboliai)Kai naudojate HTML, turite naudoti ASCII kodus, kai reikia įterpti simbolį. Šiai taisyklei reikia atlikti papildomus veiksmus, tačiau ji užtikrina, kad visi simboliai būtų teisingai rodomi vartotojo ekrane ir naršyklė jų nesuvoktų kaip žymėjimo dalies. Ar kada nors susidūrėte su tekstu, kuris rodomas netinkamai? Paprastai probleminis tekstas kuriamas naudojant kabutes, apostrofus, didesnes nei mazes ženklus ir pan. Tiesą sakant, tokių simbolių nėra daug, todėl verta atsiminti jų ASCII kodus.
HTML dokumentas (puslapis) yra dokumentas, parašytas hiperteksto žymėjimo kalba (HTML). Yra tarp žymų ir .
Dokumento žymėjimo žymų reikšmės
Žymėjimo žymos— specialios komandos teksto, grafikos, vaizdo ir garso fragmentams išdėstyti ekrane, taip pat komandos, naudojamos bendrauti su kitais HTML dokumentais ir interneto ištekliais.
Pagrindinės žymėjimo žymosir .Tarp šių žymų yra informacija apie dokumentą.
Ir . Šiose žymose yra puslapio pavadinimas, kuris bus rodomas peržiūros lango rėmelyje.
Ir . Dokumento „turinys“ (tekstas, grafika ir kt.) yra tarp šių dviejų žymų.
Vėliavos parametrai:
BGCOLOR- fono spalva ()
FONAS- "tapetai" arba fonas
TEKSTAS- teksto spalva
LINK- hiperteksto ryšio spalva (nuorodos)
Ir
Žymos, naudojamos pastraipoms paryškinti. Nauja pastraipa visada atskiriama nuo ankstesnės tuščia eilute.
Vėliava, naudojama tekstui perkelti į kitą eilutę. Taip pat galima naudoti norint atskirti grafiką nuo teksto tarpais.Vėliava, naudojama logiškai atskirti tekstą horizontalia linija.
ir tarp šių žymų yra iš anksto suformatuotas tekstas. Jis rodomas ekrane tokiu šriftu kaip „kurjeris“.
Lygiavimo parinktysNaudojamas
LYGIUOTI = KAIRĖ- išlygiavimas į kairę
LYGIUOTI = DEŠINĖ
ALIGN=CENTRAS- centrinis išlyginimas
Lygiavimo žymosir – išlygiavimas į kairę
ir - teisingas lygiavimas
ir - išlygiavimas centre
Antraštės, naudojamos loginėms teksto dalims paryškintiir pirmojo lygio antraštė.
ir Antrojo lygio antraštė.
ir trečiojo lygio antraštė.
ir 4 lygio antraštė.
ir 5 lygio antraštė.
ir šeštojo lygio antraštė.
Žymos tekstui ir šriftui paryškintiir žymės, skirtos paryškintam tekstui (žodžiams, raidėms) paryškinti.
Ir Tekstas, esantis tarp šių dviejų žymų, bus pabrauktas.
ir Tekstas, esantis tarp šių dviejų žymų, mirksės.
Ir
ir Žymos šrifto dydžiui keisti.
ir Žymos, kad pakeistumėte šrifto spalvą.
Žymos sąrašams kurtiir Žymos, rodančios numeruoto sąrašo pradžią ir pabaigą
- Ir