< 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-koderTag< 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. 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. Jukseark med taggerIndikerer til nettleseren hvor en lang linje kan bryte. 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-koderTabellen nedenfor viser en liste over HTML5-tagger med en kort beskrivelse på russisk.
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
Foreldet HTML-taggerEt sted hvor linjeskift er tillatt. 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 ikontorapplikasjoner . 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
I hovedsak er HTML-tekstkoder kommandoer som legger til bestemte blokker på en side eller endrer utseendet. Riktig opptaksformat ser slik ut:
, som "forklarer" datamaskinen hva og hvordan den skal vises på skjermen. All informasjon registreres ved hjelp av et sett med universelle elementer.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.
AvsnittDette 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.
JusteringDen 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 underoverskrifterUnderoverskriftssystemet 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.
ListerDet 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 egenskaperHva 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 tekstMonoton 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 beholdereSiden 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.
skillelinjeEn 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.