< FONT SIZE =… COLOR =... FACE =...>tekst

STØRRELSE - angir skriftstørrelsen som skal brukes av teksten i FONT-elementet. Du kan spesifisere en absolutt skriftstørrelse ved å angi et heltall mellom 1 og 7. Du kan også spesifisere en relativ skriftstørrelse ved å tilordne attributtet et signert heltall (dette kan for eksempel være SIZE="+1" eller SIZE="-2 ").

FARGE - angir fargen som denne teksten skal utheves med. Farger angis som en RGB-verdi med heksadesimal notasjon, eller en symbolsk verdi for en av standardfargene er valgt.

FACE - spesifiserer skrifttypen, for eksempel FACE=ARIAL.

tekst - teleskriv tekst (monospace).

tekst- stil med kursiv skrift (kursiv).

tekst - fet stil.

tekst - stil med tekstunderstreking.

tekst - skriver ut tekst i en større skriftstørrelse (større enn teksten rundt).

tekst - skriver ut tekst i redusert skriftstørrelse (mindre enn teksten rundt).

tekst - skriv ut tekst med nedovergående forskyvning (underskrift eller underskrift).

tekst - skriv ut tekst med et skift oppover (hevet eller hevet).

tekst eller< S >... - stil med gjennomstreking av tekst.

Spesielle html-koder

Tag< ADDRESS >brukes til å fremheve forfatteren av dokumentet og adressen hans (for eksempel e-post).

Noen tegn er kontrolltegn i HTML og legges kun til tekst ved å bruke escape-sekvenser:

    venstre vinkelbrakett "" ->

    ampertegnet "&" - &

    doble anførselstegn """ - "

Det finnes et stort antall ESC-sekvenser for spesialtegn, for eksempel " " for  og "®" for . En av funksjonene er erstatning av tegn i den andre delen av symboltabellen (etter det 127. tegnet) med escape-sekvenser for overføring tekstfiler med nasjonale språk på 7-bits kanaler.

ESC-sekvenser skiller mellom store og små bokstaver: KAN IKKE brukes i stedet

DD-tag – setter den beskrivende delen for definisjonslisteelementet

DFN-tag – tekst omsluttet av tagger er formatert som en definisjon

DL-tag - Lag en liste over definisjoner som inneholder tagger< dt >Og< dd >

DT-tag – spesifiserer en beskrivende-betinget del for et element i listen over definisjoner

EMBED-tag – start- og sluttkoder som lar deg beskrive et objekt som er innebygd i et dokument. Avhengig av typen innebygd objekt, kan ytterligere parametere inkluderes i tillegg til de som er angitt nedenfor

Attributt

Funksjon

Angir URL-en til det innebygde objektet.

Dette attributtet er obligatorisk høyde=

n

Angir høyden på sonen som det innebygde objektet skal oppta navn=

Navn

Angir navnet på det innebygde objektet

Angir bredden på sonen som det innebygde objektet skal okkupere

Attributt

Funksjon

FONT-tag – innstilling av størrelse, farge eller skrifttype for teksten som er omsluttet av tagger

Angi fargen på teksten i tagger

ansikt=liste

Angi skrifttypen til den merkede teksten (angir det første skriftnavnet som er oppført i en kommadelt liste) størrelse=

betydning

Angi grunnskriftstørrelsen. Område – fra 1 til 7

Attributt

Funksjon

tag Hn – teksten omsluttet av tagger representerer en overskrift på nivå n. Mulige verdier for n er fra 1 til 6

align=

type

Attributt

Funksjon

tag Hn – teksten omsluttet av tagger representerer en overskrift på nivå n. Mulige verdier for n er fra 1 til 6

Angir hvordan tittelen skal justeres: venstre (standard), senter eller høyre (høyre)

HR-tag – bryter gjeldende tekststrøm.

En horisontal linjal vil bli satt inn ved bruddpunktet.

Angir hvordan linjalen skal justeres: venstre, senter (standard) eller høyre størrelse=

Ikke bruk volumetrisk skyggelegging når du viser en linjal

Angi linjaltykkelsen til et helt antall piksler

Attributt

Funksjon

bredde= tag I – tekst omsluttet av tagger vil bli vist i kursiv

IMG-tag – et bilde settes inn i gjeldende tekststrøm

alt= høyde=

tekst

Angir alternativ tekst for nettlesere som ikke støtter bilder. (Border=Angi tykkelsen (i piksler) på kanten til bilder i hyperkoblinger

Legge til avspillingskontroller for innebygde videoklipp Dvs.

2 og høyere) ( Dynasrc=url

Angir URL-en til videoklippet som skal avbildes høyde=

Dvs.

2 og høyere) høyde=

Høyde= høyde= Stiller inn bildehøyden i piksler

Hspace= Angir plasseringen til venstre og høyre for bildet av områder med ledig plass med en bredde på

piksel størrelse=

Indikerer at når du bruker denne taggen i en tag bildet velges med musen loop= (Border=Still inn antall gjentakelser av videoavspilling.

Betydning kan være et heltall eller uendelig

2 og høyere) Border=Still inn antall gjentakelser av videoavspilling.

Angir kilde-URLen til bildet som skal spilles av. Dette attributtet er obligatorisk

start= start

Angir når videoklippet skal spilles av (alternativer: filåpning eller museover)

Bruk kart= kan være et heltall eller uendelig

Spesifiserer området av bildet som er følsomt for musebevegelser

Vspace= høyde=

Angir plasseringen av npikselområder med ledig plass over og under bildet

Angir bredden på bildet i piksler

KBD-tag – tekst omsluttet av tagger skrives inn tegn for tegn (som når du skriver fra et tastatur)

LINK-tag – i overskriften (< head>) av et dokument, bestemmes en lenke fra dette dokumentet til et annet dokument

Attributt

Funksjon

href= kan være et heltall eller uendelig

metoder= liste

Angir en liste over visningsmetoder for denne koblingen, avhengig av nettleseren (atskilt med komma)

rel= forbindelse

Forholdet mellom dette dokumentet og måldokumentet bestemmes. For Internet Explorer 3.0 betyr rel=style eksistensen av et eksternt stilark

rev= forbindelse

Bestemt tilbakemelding måldokument med data

Angir URL-en til det eksterne stilarket som skal brukes til å formatere dokumentet ( Border=Angi tykkelsen (i piksler) på kanten til bilder i hyperkoblinger

tittel= linje

Angir tittelen på måldokumentet

type= tekst/css

Et universelt ressursnavn er spesifisert for måldokumentet, uavhengig av plasseringen

MAP-tag – definerer et område av bildet som er følsomt for musebevegelser

Attributt

Funksjon

Angir høyden på sonen som det innebygde objektet skal oppta linje

Angir navnet på dette området. Dette attributtet er obligatorisk

NOBR-tag – pauser er ikke tillatt i teksten vedlagt i taggene

P-tag – start- og sluttkoder for avsnitt

tag Hn – teksten omsluttet av tagger representerer en overskrift på nivå n. Mulige verdier for n er fra 1 til 6

Angir hvordan tekst i et avsnitt justeres: venstre, senter eller høyre

PLAINTEXT-taggen - spesifiserer at resten av dokumentet skal vises ubehandlet, som forhåndsformatert tekst

PRE-tag – tekst omsluttet av tagger vil vises slik. hvordan den ble forhåndsformatert, uten prosessering, med presise linjeskift og mellomrom

Nettleseren vil plassere teksten slik at (hvis mulig) n tegn får plass på linjen

tag S

SAMP-tag – teksten vedlagt i taggene er en mal

LITEN tag – tekst som er innesluttet i tagger vil vises i en mindre skriftstørrelse

SPACER tag – sett inn en skilletegn i dokumentet (BareN3)

type= Mulige verdier for n er fra 1 til 6

Typen skilletegn er spesifisert: vertikalt – et område med tom plass av den angitte størrelsen er plassert mellom to linjer med tekst – et område med tom plass av den angitte størrelsen er plassert mellom ord eller tegn; innsetting av et rektangulært område

Angir (i piksler) bredden på en horisontal skilletegn eller høyden på en vertikal skilletegn

Angir bredden på blokkskilleren

Dette attributtet er obligatorisk høyde=

Angir høyden på blokkskilleren

tag Hn – teksten omsluttet av tagger representerer en overskrift på nivå n. størrelse=

Angir hvordan blokkskilletegnet er justert i forhold til den omkringliggende teksten.

SPAN-tag – tekst omsluttet av tagger vil bli formatert ved hjelp av et stilark (BareBorder=3 og over)

Attributt

Funksjon

stil= elementer

Stilarkelementer er spesifisert for tekst innenfor en gitt avstand

STRIKE-tag – tekst omsluttet av tagger vil vises med en horisontal linje gjennom den

SUB-tag – tekst omsluttet av tagger vil vises som et abonnement

SUP-tag – tekst omsluttet av tagger vil vises som hevet skrift

TT-tag – tekst omsluttet av tagger vil vises i en font med monospace

VAR-tag – teksten i kodene representerer navnet på variabelen

HTML-tagger er grunnlaget HTML-språk. Tagger brukes til å avgrense begynnelsen og slutten av elementer i markup.

Hvert HTML-dokument består av et tre med HTML-elementer og tekst. Hvert HTML-element identifiseres med en start (åpning) og slutt (lukkende) tag. Åpnings- og lukketaggene inneholder navnet på taggen.

Alle HTML-elementer er delt inn i fem typer:

  • tomme elementer - , ,
    , , , , , ,
    Brukes til å lagre tilleggsinformasjon om siden. Nettlesere bruker denne informasjonen til å behandle siden, og søkemotorer- for sin indeksering. Det kan være flere tagger i en blokk, siden avhengig av attributtene som brukes, har de forskjellig informasjon. Indikator for måling i et gitt område. En del av et dokument som inneholder navigasjonslenker for nettstedet. Definerer en seksjon som ikke støtter skripting. Beholder for innebygging av multimedia (f.eks. lyd, video, Java-applets, ActiveX, PDF og Flash). Du kan også sette inn en annen nettside i gjeldende HTML-dokument. Taggen brukes til å sende parametrene til plugin-en. Bestilt nummerert liste. Nummerering kan være numerisk eller alfabetisk. En beholder med en tittel for en gruppe elementer. Angir et alternativ/alternativ å velge fra rullegardinlisten , eller . Felt for å vise resultatet av en beregning beregnet ved hjelp av skriptet.

    Avsnitt i teksten. Definerer parametere for plugins som er innebygd ved hjelp av elementet. Et beholderelement som inneholder ett element og null eller flere elementer. I seg selv viser den ingenting. Lar nettleseren velge det mest passende bildet. Sender ut tekst uten formatering, bevarer mellomrom og tekstskift. Kan brukes til å vise datakode, meldinger e-post osv. En indikator på fullføringen av en oppgave av noe slag. Definerer et kort sitat. Beholder for østasiatiske symboler og deres dekoding. Definerer den nestede teksten som basiskomponenten i merknaden. Legger til kort beskrivelse over eller under tegnene i elementet, vist i en mindre skrift. Merker innebygd tekst som ekstra merknad. Viser alternativ tekst hvis nettleseren ikke støtter elementet. Viser tekst som ikke er aktuell med gjennomstreking. Brukes til å vise tekst som representerer resultatet av utføring av programkode eller skript, samt systemmeldinger. Vises i monospace skrift. Brukes til å definere et skript på klientsiden (vanligvis JavaScript). Inneholder enten skripttekst eller peker på ekstern fil skript ved å bruke src-attributtet. Definerer et logisk område (seksjon) på en side, vanligvis med en overskrift. Et kontrollelement som lar deg velge verdier fra et foreslått sett. Variantverdier er plassert i . Viser tekst i en mindre skriftstørrelse. Angir plasseringen og typen av alternative medieressurser for , , . Beholder for inline-elementer. Kan brukes til å formatere tekststykker, for eksempel utheving av enkeltord. Legger vekt på teksten, fremhever den med fet skrift. Inkluderer innebygde stilark. Spesifiserer skriftskriving av symboler, for eksempel elementindeks i kjemiske formler. Oppretter en synlig tittel for taggen. Vist med en fylt trekant, ved å klikke på den kan du se titteldetaljene. Angir stavemåten for hevet tegn til tegn.

    Jukseark med tagger

    For enkel bruk grupperte jeg taggene i tematiske seksjoner, og la til visningsegenskapsverdier for hver tag. For å gå til tabellen, klikk på bildet.

    HTML er et hypertekst-markeringsspråk. Den er basert på såkalte tags. Tagger er noen innpakningselementer som spesifiserer formatet og egenskapene til nettsideelementer. Vi har samlet en oppdatert referanse av HTML-tagger for deg på én side.

    Det er mer enn hundre markup-elementer totalt. Hver har en rekke attributter og sin egen syntaks. HTML-kodereferansen hjelper deg raskt å finne elementet du trenger.

    Liste over HTML-koder

    Tabellen nedenfor viser en liste over HTML5-tagger med en kort beskrivelse på russisk.

    Tag for å lage en tabell.
    Definerer brødteksten i tabellen.
    Oppretter en tabellcelle.
    Brukes til å deklarere HTML-kodefragmenter som kan klones og settes inn i et dokument med et skript. Innholdet i en tag er ikke et barn av den.
    Oppretter store tekstinntastingsfelt.
    Definerer bunnteksten for tabellen.
    Oppretter en tabellcelletittel.
    Definerer tabelltittelen.
    Definerer dato/klokkeslett.
    Tittelen på et HTML-dokument som vises øverst på nettleserens tittellinje. Kan også vises i søkeresultater, så dette bør tas i betraktning når du oppgir tittelen.
    Oppretter en tabellrad.
    Legger til undertekster for elementer og .
    Fremhever en tekstdel ved å understreke, uten ekstra vekt.
    Oppretter en punktliste.
    Fremhever variabler fra programmer ved å vise dem i kursiv.
    Legger til videofiler på siden. Støtter 3 videoformater: MP4, WebM, Ogg.
    Indikerer til nettleseren hvor en lang linje kan bryte.
    Tag Kort beskrivelse
    Kommentar.
    Definerer dokumenttypen.
    Link, hyperkobling, anker.
    Definerer tekst som en forkortelse.
    Kontaktinformasjon forfatter eller eier av dokumentet.
    Definerer et område på et bildekart
    Artikkel
    Innhold til side (innhold er ikke hovedinnholdet på siden)
    Lar deg sette inn en lydfil som spilles av.
    Fet tekst.
    Angir basis-URL- eller målattributtet for relative koblinger i dokumentet.
    Et område der det å skrive tekst kan ta en annen retning.
    Angir retningen for å skrive tekst. I motsetning til retning er den fysiske retningen angitt
    Sitere.
    Angir hoveddelen av dokumentet.

    Linjeskift.
    Klikkbar knapp
    Brukes til å tegne grafikk ved hjelp av skript
    Bordsignatur.
    Fotnote til tittelen på materialet.
    Brukes til å sette inn datakode i tekstform.
    Spesifiserer egenskapene til kolonnene i tabellen.
    Definerer en gruppe med én eller flere tabellkolonner som skal formateres.
    Brukes til å definere forhåndsdefinerte alternativer å velge mellom når du skriver i et tekstfelt
    Definerer beskrivelsen av et begrep fra en kode i en liste over begreper
    Tekst som er slettet i ny versjon dokument.
    Definerer tilleggsinformasjon, som brukeren kan se eller skjule
    Angir at innholdet er et begrep.
    Definerer en dialogboks eller et interaktivt element
    Blokkelement- et av hovedelementene i layout.
    Definerer en liste over definisjoner
    Navn på begrepet i listen over definisjoner
    tekst uthevet for mening (vanligvis tekst i kursiv).
    Beholder for ekstern bruk
    Gruppe av relaterte elementer i en form
    Tittel for element
    Definerer en autonom gruppe med flere elementer (for eksempel et bilde med en bildetekst)
    Bunntekst
    Definerer et brukerinndataskjema
    - HTML-overskrifter på forskjellige nivåer: , , , , , .
    Angir hodeområdet til dokumentet.
    Overskriftsblokk
    Den horisontale linjen er en tematisk skillelinje.
    Rotelement. Forteller nettleseren at det gitte dokumentet er et HTML-dokument.
    Kursiv tekst.
    Definerer en innebygd ramme
    Bilde, bilde.
    Inndatafelt
    Tekst som er lagt til den nye versjonen av dokumentet.
    Tekst skrevet inn fra tastaturet eller navn på tastaturknapper. Vanligvis i monospace font.
    Etikett for inndatafeltet. Indikerer bindingen av et element (vanligvis tekst) til et inndatafelt.
    Elementoverskrift
  • Listeelement
    Definerer en ekstern ressursbinding (oftest en tabellbinding CSS-stiler)
    Hovedinnhold
    Beholder for . Definerer et tilpasset kart på et bilde
    Valgt tekst (vanligvis med bakgrunnsutheving).
    Beholder for en liste over menyelementer
    Definerer elementer som brukeren kan ringe fra kontekstmenyen
    Brukes til å definere dokumentmetadata.
    Meter med verdier i et gitt område
    Beholder for navigasjonselementer
    Alternativt innhold for brukere som har deaktivert skript
    Definerer et innebygd objekt
    Definerer en nummerert liste
    Definerer en gruppe relaterte alternativer i en rullegardinliste. Gir navnet til gruppen
    Parameter (valgalternativ) i nedtrekkslisten
    Beregningsresultat

    Avsnitt.
    Angir alternativer for innebygde objekter
    Beholder for flere bilder
    Forhåndsformatert tekst.
    Fremdriftslinje
    Sitat i tekst.
    Alternativ tekst hvis nettleseren ikke støtter .
    Merknad for innholdet i taggen.
    Beholder for symboler og deres dekoding (hovedsakelig for østasiatiske symboler, hieroglyfer).
    Overstreket tekst.
    Tekst som er resultatet av utførelse dataprogram(vises vanligvis i monospace-skrift).
    Definerer et skript eller skriptforbindelse fra en ekstern ressurs.
    Kapittel
    Definerer en rullegardinliste
    Tekst i mindre skriftstørrelse.
    Definerer en ressurs for , og .
    Inline element.
    Tekst uthevet av betydning. Vises vanligvis med fet skrift.
    Definerer en beholder for å definere dokumentstiler
    Viser tekst som et abonnement.
    På vei inn i en merkelapp
    Viser tekst som hevet skrift.
    Definerer en tabell.
    Definerer et innholdsområde i en tabell.
    Celle i tabellen .
    Inndatafelt med flere linjer
    Definerer en gruppe rader nederst i en tabell - bunntekst. Flere detaljer
    Et sted hvor linjeskift er tillatt.
    Foreldet HTML-tagger

    Hvordan erstatte den foreldede HTML-koden? I de fleste tilfeller vil CSS Cascading Style Sheets gjøre det. Det finnes også alternativer til tagger som ikke brukes i den nye spesifikasjonen i HTML. Tabellen nedenfor viser utdaterte HTML-koder med alternativer for å erstatte dem.

    Tag Kort beskrivelse
    Akronym. Bruk en tag i stedet.
    Innebygd applet. Bruk eller i stedet.
    Angir farge, størrelse og skriftfamilie for all tekst i dokumentet. Bruk den i stedet
    Større tekst. Bruk den i stedet
    Sentrert tekst. Bruk den i stedet
    Liste over kataloger. Bruk
      i stedet for ham
    Angir fargen, størrelsen og familien til skriften. Bruk den i stedet
    Ramme innvendig. Bruk den i stedet
    Definerer et rammesett. For å legge til flere innebygde rammer, bruk flere elementer
    Alt tekst hvis rammer ikke støttes
    Overstreket tekst. Bruk eller i stedet
    Monospace tekst. Bruk den i stedet
    Understreket tekst. Bruk den i stedet

    I tillegg til å bruke standard skriftstørrelser og stiler (skrifttyper), kan du definere fonter for hvert tekstfragment ved hjelp av spesielle tagger. Den enkleste måten er å bruke den såkalte fysiske stiler:

    For hver fysisk stiltag er det en tilsvarende avsluttende tag som deaktiverer videre bruk av stilen. For eksempel, for en tag, er den avsluttende taggen .
    Nedenfor er et eksempelprogram og utseende forskjellige fysiske stiler:


    Fysiske stiler

    Fet
    Kursiv
    Stresset
    Strøket ut
    Skrivemaskin
    Fet kursiv
    Fet kursiv understreket


    Ris. 649. Fysiske stiler

    Du kan sette inn en fysisk stil-tag i en tittel-tag for å endre hele tittelen eller bare en del av den. For å kursivere en del av teksten som er definert som en overskrift, kan du for eksempel bruke følgende konstruksjon:


    Fysiske og logiske stiler

    dette - modifisert Overskrift på 2. nivå

    Ris. 650. Endre skriftstilen til en del av tittelen

    Ved å bruke en spesiell kode kan du tilpasse skrifttypen for tekstbildet: angi skrifttype, størrelse og farge. Først av alt kan du angi størrelsen på hovedfonten som brukes i dokumentet som standard. Hovedskriftkoden har formatet . Hovedskriftstørrelsen kan settes fra 1 til 7. Hvis du ikke bruker denne taggen, er standard hovedskriftstørrelse satt til 3.
    Taggen angir gjeldende skriftstørrelse for individuelle tekstfragmenter. Denne taggen påvirker ikke stiler. Spekter mulige verdier- fra 1 til 7. Denne taggen lar deg også kontrollere størrelsen på gjeldende skrift i forhold til den viktigste. For å gjøre dette, bruk +-symbolet (for å øke) og --symbolet (for å redusere) skriftstørrelsen med en gitt mengde. For eksempel, hvis hovedskriftstørrelsen er satt til 3, setter taggen gjeldende skriftstørrelse til 5.
    Taggen brukes til å spesifisere skrifttypen. For eksempel:

    Hvis denne taggen ikke brukes i dokumentet ditt, vil nettleseren bruke fonten som er angitt i sin preferanse. Derfor kan teksten på brukerens skjerm se helt annerledes ut enn hvordan du forestilte deg den. Du bør også huske på at hvis fonten du angir ikke er installert på brukerens datamaskin, vil nettleseren vise tekst i standardfonten.
    Du kan spesifisere en kommadelt liste over fonter i taggen. I dette tilfellet vil nettleseren bruke den første fonten som ble funnet. Du kan for eksempel skrive en tag:

    FACE="Arial, Sans Serif, Courier">

    Vanligvis er lignende fonter spesifisert i listen. Det anbefales å tilordne de mest populære skriftene. Når den er plassert på en side tekstinformasjon Det er bedre å ikke tilordne et skriftnavn i det hele tatt, stole på standardinnstillinger nettleser. Men når du designer en side, bør du også bruke standard nettleserinnstillinger for å synkronisere din oppfatning av teksten med den mulige oppfatningen av brukeren. Tross alt lager du en side ikke for deg selv, men for leserne dine.
    Ved å bruke COLOR-attributt Du kan angi skriftfargen i taggen:

    COLOR-attributt-argumentet er en heksadesimal representasjon av fargekoden (røde, grønne og blå komponenter, også kjent som RGB-komponenter).


    Følgende program demonstrerer skriftbehandling:

    Installere fonter
    Font Aria ABVGDEZZHIK
    Courier fontABVGDEZZHIK


    Font SYMBOLABVGDEZZHIK

    Ris. 651. Bruke forskjellige fonter

    I matematiske formler, så vel som for fotnoter, brukes ofte indekser, som skiller seg fra hovedteksten i posisjon (litt høyere eller lavere) og størrelse. Tagger brukes til dette formålet og henholdsvis for øvre og nedre indekser.


    Indekser /HEAD>

    Eksempel på bruk av indekser
    (5+x2)x+3

    a1 + a2+ a3
    Fotnoter 2


    Ris. 832. Bruke hevet og senket skrift

    I tillegg til de som er diskutert ovenfor, er det flere tekstformateringskoder:

    • - tildeling av e-postadresser, postadresser Og
      telefonnumre;
    • - fremheve sitater;
    • , - opptak av programtekster, symbolske konstanter;
    • - legge inn tekster fra tastaturet.

    De tre siste stilene bruker en font med monospace (vanligvis Courier).
    For eksempel, bokstavene I og Ж i en monospace-font opptar samme plass.

    Bruken av monospace-fonter er på grunn av den enkle teksten kan justeres med mellomromstegn.

    La oss merke et poeng til. I fontkontrollkoder, som i logiske stilkoder, kan du sette inn TITLE= "string"-attributtet, som lar deg legge ved et verktøytips til teksten inne i denne taggen. Argumentet til TITLE-attributtet er verktøytipsstrengen. Når musepekeren hviler på det uthevede ordet eller uttrykket, vises et verktøytips ved siden av pekeren. Ved å bruke denne teknikken kan du tyde forkortelser og gi ytterligere forklaringer og anbefalinger til brukeren. Det ser ut til, hvorfor kjenne HTML-tagger for tekst, hvis nå nesten alle admin-paneler har en praktisk en som setter dem automatisk?

    Faktum er at formatering av innhold på en nettside er fundamentalt forskjellig fra å jobbe i

    kontorapplikasjoner . Her er det ikke nok å bare gi teksten et attraktivt utseende, fordi ikke bare visningen av en nettside, men også markedsføringen av den i søkemotorer avhenger av riktig design. HTML-koder og attributter: Grunnleggende syntaks

    Enhver tekst har

    skjult kode
    , som "forklarer" datamaskinen hva og hvordan den skal vises på skjermen. All informasjon registreres ved hjelp av et sett med universelle elementer.

    I hovedsak er HTML-tekstkoder kommandoer som legger til bestemte blokker på en side eller endrer utseendet. Riktig opptaksformat ser slik ut:

    Vær oppmerksom på at ikke alle tagger er sammenkoblet. For eksempel (hoppe over en linje) eller (legge til en horisontal linje) trenger ikke å være lukket i det hele tatt. bruk de samme HTML-taggene for tekst, i 99 % av tilfellene er innfødt kode ubrukelig for nettsider. Selv om dokumentet vises normalt i selve applikasjonen, kan formateringen gå tapt når det settes inn på et nettsted. Dessuten pga stor mengde ekstra tagger og attributter, kan søkemotorer ikke analysere innholdet på siden tilstrekkelig. Noe som igjen gjør det vanskelig å markedsføre ressursen din.

    For å få ren og relevant kode, må du først fjerne teksten for HTML-tagger generert av en vanlig editor. Det er flere måter å gjøre dette på:

  • "Kjør" artikkelen gjennom Notisblokk og bare deretter sette den inn på nettstedet. Applikasjonen sletter all HTML, så etter det må du formatere teksten på nytt (ved hjelp av redigeringsverktøyene eller manuelt).
  • Skriv og publiser artikler ved hjelp av LiveWriter. Den populære bloggredaktøren genererer umiddelbart riktig kode. Og i en egen fane kan du se hvordan teksten på nettstedet vil se ut.
  • Bruk HTML Cleaner. Denne nettjenesten ødelegger ikke hele koden, men bare unødvendige fragmenter. Ved hjelp av filtre velger du hvilke tagger du vil lagre. Det er også en kraftig visuell redaktør for formatering, som legger til allerede optimaliserte kommandoer til koden.
  • Avsnitt

    Dette elementet er til stede i nesten alle artikler. Hvert avsnitt skal være plassert inne i en slik beholder - dette forenkler formateringen og lar deg lagre enhetlig stil på alle sidene på nettstedet. For enkelhets skyld, taggen

    Skriv alltid med ny linje.

    Justering

    Den separate HTML-taggen "Text Alignment" har ikke vært brukt på lenge. I stedet en universell ALIGN-attributt. For å endre posisjonen til en tekstblokk på siden, må du velge en av 3 verdier - CENTER, HØYRE eller VENSTRE. Du kan angi justeringen for andre elementer, for eksempel overskrifter, på samme måte.

    I noen situasjoner brukes andre tagger for justering, for eksempel kan du posisjonere ved å bruke elementet .... Hvorfor er en egen tag nyttig? I motsetning til attributtet fungerer det med alt innhold, inkludert bilder, videoer, flash osv.

    Overskrifter og underoverskrifter

    Underoverskriftssystemet lar deg lage en logisk innholdsstruktur. Når teksten er delt inn i meningsfulle blokker, er det mye lettere for leseren å konsentrere seg og ta til seg ny informasjon. Søkemotorer analyserer også overskrifter for å forstå hvilke søk siden skal markedsføres for. Dette er grunnen til at SEO-eksperter anbefaler å bruke aktuelle søkeord i dem.

    HTML bruker seks nivåer av underoverskrifter, fra til . Det er et klart hierarki i dette systemet:

    • ... . Hovedartikkel, produkt i nettbutikk osv.). Det kan bare være én i teksten. Som regel inneholder den hovednøkkelordet.
    • ... . Underoverskrifter på andre nivå bryter teksten inn i meningsfulle blokker. Hvis du for eksempel vurderer bærbare datamaskiner, kan du lage flere med navn på forskjellige modeller.
    • ... . Det tredje nivået er nødvendig hvis teksten mellom de to også er delt inn i små blokker. I vårt eksempel kan dette være evalueringskriterier - "Ytelse", "Minne", "Grafikkort" osv. for hver modell.
    • , , . I praksis er de ekstremt sjeldne. Men generelt prinsipp det samme - de må "nestes" i en blokk med en underoverskrift på toppnivå.

    Sørg for å opprettholde det riktige hierarkiet. For å gå tilbake til vårt eksempel betyr dette at du ikke umiddelbart kan angi modellnavnene som eller . Og enda mer, bruk underoverskrifter på forskjellige nivåer for blokker med homogen betydning (fremhev for eksempel en bærbar datamaskin som tok siste plass i rangeringen ved å bruke ).

    Her er et diagram som vil hjelpe deg umiddelbart å forstå og huske den riktige strukturen til overskrifter i HTML.

    Lister

    Det er bedre å formatere eventuelle oppføringer og instruksjoner i form av lister, ved å bruke spesielle HTML-koder for tekst ( typisk feil- bare noen få avsnitt

    som begynner med en bindestrek eller et tall).

    Strukturen til slike blokker er veldig enkel. Først bestemmer vi typen liste - punkt eller nummerert.

    Alle elementene er mellom åpnings- og lukkebrikkene. Hvert listeelement starter på en ny linje og har formatet . Antall elementer er ikke begrenset.

    Valg og dets egenskaper

    Hva kan endres ved å bruke denne fonten og fargen - og uten å legge til nye klasser i CSS. Dette er veldig praktisk når du bare trenger å markere én setning eller et fragment.

    har flere egenskaper:

    • Ansikt. Lar deg endre tekstfonten. Du kan liste flere alternativer atskilt med komma (Tahoma, Verdana). Hvis brukeren ikke har den første fonten installert, bruker systemet ganske enkelt et alternativ.
    • Størrelse. For å gjøre tekst større eller mindre, skriv inn en verdi mellom 1 og 7 i anførselstegn.
    • Farge. Avhengig av designet kan du velge en av standardnyansene (rød, grønn, blå) eller angi en kode for hvilken som helst farge du ønsker.

    Ikke bruk avsnitt formatert med , i stedet for underoverskrifter. Det er bedre å sette de samme designparametrene med riktig tag.

    Måter å fremheve tekst

    Monoton tekst er slitsom, til og med delt opp i avsnitt. For å tiltrekke oppmerksomhet og vekke leserens interesse, anbefales det å fremheve nøkkelpunkter grafisk. Her er noen kommandoer som vil hjelpe deg med å takle denne oppgaven.

    ... . En ekstremt populær HTML-tag. Fet tekst fanger umiddelbart oppmerksomheten, og derfor er det praktisk å bruke den til å fremheve viktige poeng og fakta.

    Mange mennesker forveksler tagger og . Det er ingen visuell forskjell, men de fungerer annerledes. Den første endrer ganske enkelt utseendet på teksten, og den andre fungerer som en "indeks" og fremhever de viktigste fragmentene (tematisk søkeord og setninger for SEO).

    ... . Elegant og streng kursiv er ideell for utforming av vitenskapelige termer, fremmedord og en rekke sitater. I seriøse publikasjoner er også navn på kunstverk fremhevet i kursiv tekst.

    ... . Kanskje ingen annen HTML-tag har forårsaket så mye kontrovers. Understrekingstekst brukes sjelden pga denne metoden Høydepunkter har historisk blitt tildelt hyperkoblinger. Hvis du bruker i artikler, vær oppmerksom på at dette kun er egnet for korte fragmenter - ikke mer enn 1 linje.

    ... . En interessant tag som lar deg gjøre en del Veldig relevant i reklame - for eksempel for å understreke kontrasten mellom de gamle og nye prisene.

    ... . Den enkleste måten å øke skriftstørrelsen uten noen ekstra alternativer.

    ... . Den fungerer på samme prinsipp som den forrige taggen. Teksten på innsiden er redusert i forhold til hovedteksten.

    ... . Det riktige navnet for dette formatet er hevet skrift. Denne taggen er hovedsakelig beregnet på matematiske grader og fotnoter. Det reduserer skriftstørrelsen og flytter den valgte teksten opp.

    ... . Abonnementer finnes ofte i ulike formler. Det valgte fragmentet er plassert under hovedteksten.

    Meningsfulle beholdere

    Siden noen blokker ble funnet i mange tekster, begynte det å lages spesielle tagger for dem. Dette forenkler formateringen, fordi hvis hver type innhold har sitt eget sett med stiler, trenger du bare å markere et tekststykke og angi hvilken informasjon den inneholder.

    ... . Tag for å legge til datamaskinkoder. Uunnværlig i artikler om programmering med eksempler - kommandoer utføres ikke, men vises som ren tekst.

    ... . Designet for formatering av sitater - for eksempel nøkkelutdrag fra et intervju.

    . Plasserer en del av teksten i en egen blokk. Som standard har utvalget mer venstre utfylling, men du kan også endre størrelsen, stilen og fargen på teksten i CSS.

    ... . En ekstra kode som inneholder informasjon om forfatteren, inkludert lenker.

    skillelinje

    En enkel linje kan brukes til å markere den logiske slutten av et stort utsnitt.

    gjelder ikke for sammenkoblede tagger. Dette betyr at et avsluttende formatelement ikke er nødvendig.

    Ved å bruke WIDTH-attributtet kan du gjøre skillet kortere ved å angi en passende størrelse i piksler eller en prosentandel av vindusbredden.