DatamaskinerProgrammering

HTML-koder for teksten: justeringen, størrelse, font

Det ville virke, hva å vite HTML-koder for teksten, hvis det er i nesten alle admin har en hendig visuell editor, noe som setter dem automatisk?

Det faktum at formatering av innhold på nettstedet er ganske forskjellig fra arbeid i kontorapplikasjoner. Det er ikke nok bare å gi teksten et attraktivt utseende, på grunn av korrekt registrering avhenger ikke bare vise en web-side, men også sin markedsføring i søkemotorene.

HTML-tagger og attributter: grunnleggende syntaks

All tekst har en skjult kode som "forklarer" datamaskinen hva og hvordan du vil vise på skjermen. All informasjon er spilt inn med et sett av universelle elementer.

Faktisk HTML-koder for tekst - dette laget, som legger til side definert blokker eller endre sitt utseende. Det riktige opptaksformatet er som følger:

Vær oppmerksom på at ikke alle kodene er paret. For eksempel ikke
(pass linje) eller


(horisontal linje tillegg) ikke trenger å være lukket i det hele tatt.

Hvorfor kan ikke kopiere artikler fra Word og andre programmer i redaktøren av nettstedet

Selv om moderne kontorprogrammer bruker samme HTML-koder for tekst, er 99% av egen kode ikke egnet for websider. Selv om det i søknaden dokumentet vises som normalt, når du setter på nettstedet kan miste formatering. I tillegg, på grunn av det store antallet ekstra koder, og søkemotorer kan ikke tilstrekkelig analysere innholdet på siden attributter. Som i sin tur gjør det vanskelig å markedsføre nettstedet ditt.

For å få en ren og relevant kode, må du først fjerne tekst fra HTML-koder som er opprettet på vanlig editor. Det er flere måter å gjøre dette:

  1. "Bli kvitt" artikkelen gjennom "Notepad" og bare sette så området. Søknaden sletter all HTML, slik at da må re-formatere teksten (ved hjelp av redaktøren eller håndverktøy).
  2. Skrive og publisere artikler via LiveWriter. Den populære blogg redaktør genererer umiddelbart riktig kode. Og i en egen fane, kan du se hvordan teksten vil se ut på nettstedet.
  3. Bruk HTML Cleaner. Denne nettjenesten ikke ødelegge all koden som helhet, men bare de ekstra fragmenter. Med filtre, velger du hvilke koder til butikken. Det er også en kraftig WYSIWYG editor for å formatet, som legger til de allerede optimalisert kode kommandoer.

Sjekk alltid HTML før du publiserer et nytt innlegg. I det bør det ikke være noen andre enn de som vi nå vurdere koder.

avsnitt

Dette elementet er til stede i nesten alle artiklene. Hvert avsnitt bør plasseres på en slik container - dette forenkler formatering og lar deg holde en konsekvent stil i hele området. Av praktiske hensyn er

tag alltid skrevet med en ny linje.

innretting

Separat HTML-tag "Tekstjustering" er ikke lenger brukes. I stedet har den universelle egenskap ALIGN blitt opprettet. For å flytte tekstboksen på siden, må du velge en av tre verdier - CENTER, høyre eller venstre. På samme måte kan du angi justeringen av de andre elementene - for eksempel overskrifter.

I noen situasjoner, for justering bruke andre koder HTML. sentrert tekst, for eksempel, kan være anordnet ved hjelp av elementet

... . Den praktiske egen kode? I motsetning til attributtet, det fungerer med noe innhold, inkludert bilder, video, flash, og så videre. D.

Overskrifter og underoverskrifter

tekst Systemet lar deg lage en logisk struktur av innholdet. Når teksten er delt inn i semantiske enheter, er leseren mye lettere å konsentrere seg og lære ny informasjon. Søkemotorer også analysert overskriftene for å se hvilke spørsmål fremme side. Det er derfor SEO eksperter anbefaler for bruk i sine tematiske nøkler.

I HTML bruker seks nivåer tekster - fra

til

. I dette systemet, er det et klart hierarki:

  • ... . Hovedtittelen (tittel på artikkelen, varer i den elektroniske butikken, og D. osv.). I teksten, kan det bare være ett

    . Vanligvis inneholder de viktigste søkeord.

  • ... . Tekst brudd på andre nivå tekst i hensiktsmessige enheter. For eksempel, hvis du var vurdering bærbare datamaskiner, kan du gjøre noen

    med navnene på de ulike modellene.

  • ... . Det tredje nivå er nødvendig hvis teksten mellom

    er også oppdelt i små blokker. I vårt eksempel, kan dette være evalueringskriterier - "Performance", "Memory", "Video", og så videre for hver modell ...

  • ,

    ,
    . I praksis svært sjelden. Men det generelle prinsippet er det samme - de må være "embedded" i enheten med den høyeste grad av underteksten.

Se opp for bevaring av riktig hierarki. Tilbake til vårt eksempel, betyr dette at du ikke umiddelbart kan gå inn modellnavn som

eller

. Og dessuten å bruke homogen i den forstand av undertekster blokker av ulike nivåer (for eksempel markere en laptop, rangert sist i rating, ved hjelp av
).

Men ordningen, som vil umiddelbart forstå og huske den riktige strukturen av overskrifter i HTML.

lister

Alle overføringer og bedre pålegg gitt i form av lister, ved hjelp av en spesiell HTML-koder for tekst (en vanlig feil - bare et par avsnitt av

, som begynner med en bindestrek eller et siffer).

Strukturen av slike blokker er meget enkel. Ved første, definerer vi den type liste - punkt

    ... eller nummererte
      ... .

      Alle elementene er plassert mellom åpning og lukking koder. Hvert element i listen starter med en ny linje, og har formatet

    1. ... . Antall elementer er ikke begrenset.

      Skrift valg: og dets attributter

      Hva kan endres ved hjelp av HTML-koden? Størrelsen på teksten, skriften og fargen - og uten tillegg av nye klasser i CSS. Dette er svært nyttig når du trenger å velge bare en setning eller fragment.

      har flere egenskaper:

      • Face. Den lar deg endre skrift tekst. Du kan liste opp flere alternativer, atskilt med komma (Tahoma, Verdana). Med mindre brukeren først skrift, systemet bruker et enkelt alternativ.
      • Størrelse. For å øke eller redusere teksten, skriv en sitert verdi på 1-7.
      • Farge. Avhengig av design, kan du velge en av standardfargene (rød, grønn, blå) eller taste inn koden av alle farger å velge mellom.

      Ikke bruk avsnitt som er formatert med , i stedet for undertekster. Det er bedre å stille de samme designparametre riktige koden.

      Metoder for markering av tekst

      Ensformig tekst slitsomt, selv brutt ned i avsnitt. de viktigste punktene er anbefalt å fordele grafisk å tiltrekke oppmerksomhet og røre interesse for leseren. Her er noen lag som vil takle denne oppgaven.

      ... . Ekstremt populære HTML-tag. Fet tekst fanger øyet, men fordi med det er praktisk å skille de viktige snakker poeng og fakta.

      Mange mennesker forveksler kodene og . Visuelt er det ingen forskjell, men de fungerer på forskjellige måter. Den første bare endrer utseendet på teksten, og den andre fungerer som en "peker" og fremhever de viktigste delene (tematiske søkeord for SEO).

      ... . Elegant og grundig kurset er ideelt for design av vitenskapelige termer, utenlandske ord og ulike henvisninger. I alvorlige publikasjoner kursiv også frigi navnene på kunstverk.

      ... . Kanskje så mye kontrovers ikke føre til noen HTML-kode. Understreking Tekst blir sjelden brukt, da denne allokeringsmetode historisk fastlåst for hyperlenker. Hvis du bruker i artikler, vær oppmerksom på at dette kun er egnet for korte stykker - ikke mer enn en linje.

      ... . Interessant kode som gjør at du kan gjøre noe av streket tekst. Svært relevant i reklame - for eksempel for å understreke kontrasten mellom den gamle og nye priser.

      ... . Den enkleste måten å øke skriftstørrelsen uten ytterligere innstillinger.

      ... . Det fungerer på samme prinsipp som den forrige koden. Tekst anbrakt innenfor, redusert i forhold til bakken.

      ... . Det riktige navnet på dette formatet - det hevet. I utgangspunktet er denne koden designet for matematiske grader og fotnoter. Det reduserer skriftstørrelse og forskyver den valgte tekst opp.

      ... . Indeksen er ofte funnet i en rekke formler. Det isolerte fragmentet er anordnet under den løpende teksten.

      semantiske beholdere

      Som noen blokker finnes i mange tekster, for de begynte å lage spesielle koder. Dette forenkler formatering, fordi hvis hver innholdstype har sitt eget sett av stiler, bevilge tilstrekkelig del av teksten og viser hva slags informasjon det inneholder.

      ... . Tag for datakoder. Uunnværlig i artiklene Programmering eksempler - kommandoer kjøres ikke og vises som ren tekst.

      ... . Designet for å behandle sitater - for eksempel viktige utdrag fra intervjuet.

      ... . Det gjør en del av teksten i en egen blokk. Som standard er utvalget innrykket på venstrekanten, men i CSS kan du også endre størrelse, skrifttype stil og farge på teksten.

      ... . Valgfri kode som inneholder informasjon om forfatteren, inkludert en link.

      Skillelinjen

      Med enkle funksjoner, kan du definere den logiske slutten av en stor del.


      ikke et par tagger. Dette betyr at den avsluttende ikke trenger et format element.

      C ved anvendelse WIDTH attributt kan gjøres kortere enn separatoren ved innstilling av passende størrelse i piksler eller prosentandel av vindusbredde.

      Å lære å bruke koder for å formatere tekst i HTML, vil du ikke bare gjøre artiklene lettere å lese, men også forbedre effektiviteten i SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 no.atomiyme.com. Theme powered by WordPress.